Dreamweaver - CSS: container with floats and IE(Win)

Author

CSS: container with floats and IE(Win)

2Tired Hal

2005-10-26, 10:17 pm

My CSS file has:
#container {
width: 90%;
margin: 120px 0 0 90px;
}
which works fine in Firefox, Safari, Mozilla, etc.. But IE 5.5 and 6 on
Windows, the top of the container shows up behind the logo at the top of the
page.
Here's an excerpt from the html:

<div id="header"></div>

<div id="container">
<div class="spacer"> </div>
<div class="pic ls"><a href="pages/Aermotor.htm" class="tn" target="_top"><img
src="tn/Aermotor.jpg"></a><ul>
<li class="title">Aermotor</li>
</ul></div>
<div class="pic ls"><a href="pages/Defenseur.htm" class="tn"
target="_top"><img src="tn/Defenseur.jpg"></a><ul>
<li class="title">Defenseur du Temps</li>
</ul></div>

I tried the Holly hack in the CSS file and the spacer div with "clear: both"
in the CSS file. But, I'm not using the correct hack. I see what the problem
is. I just don't know how to fix it.

If you're on Windows, just go to
http://lucidworks.introcarte.com/gallery_floral.htm and you'll see the problem.

Thanks, Hal

rilkesf

2005-10-27, 6:14 am

Try changing 'position: absolute;' to 'position: relative;' in your definition for #header in your CSS file.

2Tired Hal

2005-10-27, 6:20 pm

Thanks rilkesf. That was it. I got so wrapped up in that it only fouled up in IE that I couldn't see the forest for the trees.

Thanks, Hal

rilkesf

2005-10-27, 10:15 pm

Been there myself a few times. Glad I could help.