View Full Version : Page shows correctly in IE but not in FireFox. problem with div stretch!

11-07-2009, 10:28 PM
Hey guys,
I have a very weird situation here, I am making this webpage by extensively using firebug to fix the css.

even though there are elements inside the div container by the id="content", the content wont stretch out! but it dose in IE!

I took out all the height=100% so it would be fluid but it's not working!
What am i doing wrong?

Here is the link:

11-07-2009, 10:44 PM
Hello armen,
The bit highlighted in red will clear your floats -

#content_wrap {
background-color: #e8d9ad;
position: relative;
width: 980px;
margin: 0 auto;
overflow: auto;

Here's a site (http://www.quirksmode.org/css/clearing.html)that explains how that works.

11-07-2009, 10:50 PM
Thanks Excavator, go Geotech power!
I dont understand why when I put overflow property to visible, it hides again.

11-07-2009, 11:13 PM
overflow:visible; is just the default state which we already know does not clear the floats. http://www.w3schools.com/Css/pr_pos_overflow.asp

11-08-2009, 12:10 AM
thank you again/

11-08-2009, 05:24 AM
Please remember that what you are viewing in IE is an IE bug. Firefox is performing correctly.