In article <ag********************************@4ax.com>,
ZZ <no***@wpenewon.orgwrote:
On Tue, 18 Nov 2008 08:16:46 +1100, dorayme
<do************@optusnet.com.auwrote:
In article <ok********************************@4ax.com>,
ZZ <no***@wpenewon.orgwrote:
I am having a bugger of a time figuring out why firefox won't
recognize my faux two-column layout. When the content column
("contcol") gets filled in with more content than the "menucol", both
"expand" properly in IE (it recognizes the background from "page" and
makes the column look expanded). In forefox (3) it doesn't do it -
the "menucol" ends with the content and the white box of the "contcol"
continues by itself.
IE (at least 6) behaves differently to FF in this matter. FF is strictly
correct. You need to either put overflow: hidden; or overflow: auto; on
your container or else style a clear into a last element in the
container. Even going so far as to create an element for this purpose:
<div style="clear: both"></div>
You might get something out of:
<http://netweaver.com.au/floatHouse/>
Thanks, I am looking at it with the newest IE7.
It is not really advisable, see the preamble! But at least it is better
than reading it with IE 6. <g>
I did fail to mention that I have a footer div after the container
with a clear:both in it.
That will not work. The clearing element, if it is to make the container
grow height, must be in the container itself and generally be the last
thing before the container says goodnight.
However, I did user oveflow: hidden, and it worked great to fix the
issue in FF.
And many other modern browsers too.
--
dorayme