[freelancr]

I have been noticing this a lot, on a few different websites I have built. All of my recent work is valid XHTML 1.0 Strict, with a valid doctype, served as text/html, with valid css.

Firefox seems to ignore margin applied to elements that are displayed after floated elements, even when I use display:block;clear:both; it still does not obey the margin.

IE6, IE7 do though.

Anyone else come across this?

[freelancr]

Weird, using !important fixed it:

margin-bottom: 2em !important;

[cam]

Originally Posted by freelancr

I have been noticing this a lot, on a few different websites I have built. All of my recent work is valid XHTML 1.0 Strict, with a valid doctype, served as text/html, with valid css.

Firefox seems to ignore margin applied to elements that are displayed after floated elements, even when I use display:block;clear:both; it still does not obey the margin.

IE6, IE7 do though.

Anyone else come across this?

Without seeing any code I couldn't say for sure, but use of clear:both isn't something I'd usually recommend. I'm assuming you're aware of clearfix, it's by far the best way of dealing with clearing floats as it negates any issues with browsers not respecting margins or padding afterwards.

[freelancr]

Originally Posted by cam

use of clear:both isn't something I'd usually recommend.

Ah, I always use it without any troubles in IE6/IE7/FF/Opera.

Originally Posted by cam

I'm assuming you're aware of clearfix

I have seen it used on some tutorials I have read, but I assumed it was a fix for shite old browsers like IE5 MAC as I try to avoid using CSS hacks, and tend to go for conditional comments and separate stylesheets instead now.