[bukwus]

Hello
I've begun designing pages with DIVs instead of tables and I've found that in Firefox, when you float two or more DIVs next to each other and then place another DIV with margin-top below the floated DIVs, the margin is ignored while in IE it is observed. Is there a way around this?
Here's the code:

DIV {
margin-top:10px;
}

.column {
float:left;
}

.third {
width:32%;
}

.coloredTextBox {
padding:2px;
background-color:#575F90;
color:#ffffff;
font-weight:bold;
clear:both;
font-size:110%;
}


<div class="column third">
content
</div>

<div class="column third">
content
</div>

<div class="column third">
content
</div>

<div class="coloredTextBox">By Agency</div>

[NathanLedet]

Can you post screen shots of FF and IE? I'm not quite understanding

I tested that code in FF and IE with the 10px margin in and out. I noticed a difference when it was there and when it wasn't, both in FF and IE...so based on the code you've provided, it works for me.

Screen shots would help.

[bukwus]

Originally Posted by NathanLedet

Can you post screen shots of FF and IE? I'm not quite understanding

I tested that code in FF and IE with the 10px margin in and out. I noticed a difference when it was there and when it wasn't, both in FF and IE...so based on the code you've provided, it works for me.

Screen shots would help.

Hi Nathan
Thanks for the reply on my post. I added a chunk of margin-top to the div under the three floating divs and it shows up on IE and not FF. Here are the links:
Small Biz FREE Help
http://www.bdki.com/buzg8.org/test.css

Just in case it's a machine issue, I'm on a PC running Windows XP. If you still need screen shots let me know, I'll send them your way.

Many thanks

Andy