View Full Version : A little help with a FF issue

10-24-2007, 08:18 PM
Hi Guys,

Still having problems on this page in firefox:


Basically in FF where there are aa and bb text is it ignores the margin-top and height rule I have in place, yet in IE it works fine and I can't see what the problem is? Any help please?


10-24-2007, 08:40 PM
In this case FF is actually handling things right.

Since the 3 columns are floated they technically take up no space in normal flow. Since #mediawatch is not floated, it's fighting against two rules: the margin-top which since it's the first element in normal flow it's trying to apply to the <body> element and the clear:both, which is forcing it to be rendered below the last floated element.

There are two ways to make this work:

put the margin amount as a "margin-bottom" on one of the floated columns, which would appropriately push #mediawatch down after clearing
float #mediawatch as well so it can apply its margin-top to other floated elements

10-24-2007, 08:54 PM
Magic - thanks!

10-24-2007, 09:13 PM
no problem. =)