Click to See Complete Forum and Search --> : IE6 layout bug - any suggestions?


caravanguard
11-25-2008, 05:06 AM
Hi there

I've been building a new page on our site that has bascially the same layout as all the others. It works fine in IE7 and FF, but in IE6 the layout goes a bit wrong.

There should be a green box that lines up with the top of the content and sits to the righthand side, however, in IE6 the green box moves to the bottom of the page and sits on the left hand side.

I thought it may be something to do with the table, as this is not on any other page, so I tried removing it, but it made no difference.

Anyone know if there's a quick fix without affecting all the other pages with the same layout?

problem page: http://www.[my username].co.uk/test/tracking.php

Thank you in advance

g2k556
11-26-2008, 10:42 PM
i'd suggest trying an ie hack. it looks to me that either the margins or the width needs to be adjusted, but without seeing the css I can't be for sure. to hack for ie6 just add an underline before the element and adjust accordingly ex. _width: 500px; also it seems that it should be placed before the table rather than after it.

caravanguard
11-27-2008, 06:04 AM
Thanks for your help on this.

I simply took your last bit of advice and placed the green box above the table in the code and it works across all browsers now, so didn't have to mess about with a hack or anything too complicated.

Thanks again!

g2k556
11-27-2008, 09:48 AM
glad it worked out for you ;)