On 28 Sep 2005, at 12:18 pm, Colin wrote:
Delete that height. It works in IE because, you know, IE...
('haslayout' [1]).
You want to clear those two divs. Good method is the 'easy clearing'
technique [2].
[1] <http://www.satzansatz.de/cssd/onhavinglayout.html>
[2] <http://www.positioniseverything.net/easyclearing.html>
Philippe
Hi Phillippe (and anyone else who's still up),
Having taken time to finish my lunch ...,
I've tried using a clearing div, removing the height - that gives me no
background in any browser. ???
That would be one technique to do the clearing. But you misplaced that
div. In your file, it is *inside* div#mainCol. It should be out of that
column. Your code should look like this:
<a href="#" title=""><img id="bottomBanner"
src="usingClearingDiv_files/bottomBanner.jpg" style="width: 454px;
height: 118px;" alt=""></a>
</div><!-- closing mainCol -->
<div style="clear:both; border:1px solid #c00">blabla</div>
</div><!-- closing mainl -->
But I much prefer the 'easy clearing' method outlined in the article I
linked to previously.
I added a border to determine the height of #main.
The strangest thing happens, div#main loses all of its height.
I presume the problem cascades from somewhere above #main, but I just
can't
see it.
Technically, div#main only contains floated elements, which are removed
from the flow, thus it is normal that its height is collapsing.
Philippe
---
Philippe Wittenbergh
<http://emps.l-c-n.com/>
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/