468,236 Members | 1,924 Online
Bytes | Developer Community
New Post

Home Posts Topics Members FAQ

Post your question to a community of 468,236 developers. It's quick & easy.

floating divs and <br clear=all> problem in ie5 Mac

I am using the following pure css layout with a header and footer:

http://www.fu2k.org/alex/css/layouts...NN4_FMFM.mhtml

The left column floats to the left of the main content (middle
column).

In the middle column I have 3 divs on top of each other, each of which
needs to have a border. To get the borders to display correctly in
Netscape 6 and ie5 (windows) I have to put a <br style="clear:both">
before closing each div.

Unfortunately, on ie5 Mac and Safari this causes the 2nd and 2rd div
of the middle column to display below the left coloumn of my layout. I
need the clear:both to get the borders to display correctly on ie5 Mac
too. Are there any other hacks that will force the borders or
backgrounds of a div to expand properly around the contents of the
div?

The middle column divs are coded as below:

<div style="border:1px solid #000;">
First div contains 3 further float:left divs
<br style="clear:both"></div>

<div style="border:1px solid #000;">
3 further float:left divs
<br style="clear:both">
</div>

<div style="border:1px solid #000;">
contains text
<br style="clear:both">
</div>

Thanks,
Olly
Jul 20 '05 #1
0 2006

This discussion thread is closed

Replies have been disabled for this discussion.

Similar topics

4 posts views Thread by lkrubner | last post: by
7 posts views Thread by noor.rahman | last post: by
3 posts views Thread by laredotornado | last post: by
3 posts views Thread by Amsville | last post: by
6 posts views Thread by Steve Richter | last post: by
7 posts views Thread by Nathan Sokalski | last post: by
reply views Thread by NPC403 | last post: by
reply views Thread by kermitthefrogpy | last post: by
By using this site, you agree to our Privacy Policy and Terms of Use.