WeLoveCSS - View Single Post - Background height problem in FireFox but work in IE

zak · 16th March 07, 02:59 AM

From a quick glance at your CSS, it seems the problem is that since all the contents of #project_management_frame are floated (which takes them out of the normal flow of elements), #p_m_f doesnt know their heights, and doesnt extend down to contain them.

Luckily, you have an <img> at the bottom, which you can use to clear the contents and have the #p_m_f extend down dynamically.

So, in a nutshell, do this:

Code:

<IMG SRC="images/interface/border_bot.gif" WIDTH="960" HEIGHT="36" BORDER="0" style="display:block; clear:both;">

And see if that fixes it.

An extensive article on this clear fix can be found at http://www.positioniseverything.net/easyclearing.html

16th March 07, 02:59 AM	#2
zak WLC Member Join Date: Mar 2007 Location: Troy, NY Posts: 24	Re: Background height problem in FireFox but work in IE From a quick glance at your CSS, it seems the problem is that since all the contents of #project_management_frame are floated (which takes them out of the normal flow of elements), #p_m_f doesnt know their heights, and doesnt extend down to contain them. Luckily, you have an <img> at the bottom, which you can use to clear the contents and have the #p_m_f extend down dynamically. So, in a nutshell, do this: Code: <IMG SRC="images/interface/border_bot.gif" WIDTH="960" HEIGHT="36" BORDER="0" style="display:block; clear:both;"> And see if that fixes it. An extensive article on this clear fix can be found at http://www.positioniseverything.net/easyclearing.html