CSS Forum

**kayla2** · 10-06-2009, 04:16 PM

Can anyone tell me why the site isn't showing correctly in IE6. The nav is pushing to the bottom. I have cleared the divs and am going nutbar. The site is http://www.aaa.ca Here is a screen shot of what shows -

**Mikeface** · 10-06-2009, 05:11 PM

I have the same issue going on for one of my sites. It only occurs in IE 6. Likewise, I have cleared my divs but it still is showing up strange in IE 6 only.

www.iongeo.com/innovationatwork

**LadynRed** · 10-06-2009, 05:27 PM

This is classic float drop - the elements are too wide to fit in the available space. This is usually caused by a misunderstanding of the box model, and a sometimes IE bugs. It is best to avoid putting both margins and padding on floated divs, you're asking for IE to choke. Use padding on the CONTENTS of a div to add white space, most notably put it on your paragraphs. The use of that padding div -- is not a good idea,it only ADDS to the overall width.

As I think I mentioned before, if you are going to float a div, you MUST give it a defined width, even if it's a percentage, you NEVER want the browser to do the calculating.

In addition, IE6 has issues with very tight layouts, so you may have to tweak your widths a few pixels, using conditional comments and a separate ie-only css file, to make the adjustments.

**Mikeface** · 10-06-2009, 06:13 PM

Thanks Lady, I expanded the width just a few pixels for my case and that seemed to do the trick.

**kayla2** · 10-22-2009, 04:40 PM

Thanks. I put widths on the divs, and then just testing, took out the main blue navigation at the top and it worked without it. I can't figure out what it is with the nav. I tried shortening in in pixels and it didn't seem to make any difference. Is there something there you can spot? Thank you!

**kayla2** · 11-18-2009, 07:20 PM

Just hoping to follow up with this and see if anyone has any additional suggestions. Thanks!

**Reckoner** · 11-19-2009, 12:38 PM

Perhaps try to just expand the width of #content and #right by a few pixels.

I just tried this myself using the same styles and content of your site to test it out, and and it worked for me in IE6.

FYI, the dropdown features of your site do not work either in IE 6. I would suggest re-structuring the nav so that the dropdowns will work cross browsers.

Here is a site that has a good example of one:
http://www.cssplay.co.uk/menus/basic_dd.html