On 6 Feb 2006, at 3:49 pm, Jesper Brunholm wrote:

> I've reopened a page with the setup on
> <http://www.triomio.dk/testsetup.html>, and I am struggling to see how
> this can be collapsing margins. As far as I can gather, the  
> contributing
> factors are (all declared in
> <http://www.triomio.dk/script/oldstyle.css>, only relevant style is
> quoted below)
>
> [...]
> below that, the graphical element:
>
> #sgraf {
>       border-top: 4px solid #c08e09;
>       width: 300px;
>       height: 400px;
>       clear: left;
>       float: left;
>       margin-bottom: 2em;
> }
> [....]

> I think that it is the clear:left; of #sgraf that is "still" clearing
> when we get to the floated content. Actually, reconsidering, I think
> that it _should_ do so (considering the rules). I was fooled by
> Explorer's "neat" behaviour, and did not look far enough back into  
> my setup.
>
> Can you confirm this, or show me the margin-collapse :-) ?

No margin-collapsing issues to be seen there :-)
here is the same file as a minimal sample (probably won't work in IE).
<http://dev.l-c-n.com/_temp/trioMio.php>
You are right when you isolate the 'clear:left' in #sgraf as the  
problem.

Better you are to float the whole left-hand column:
<http://dev.l-c-n.com/_temp/trioMio2.php>

If that is what you actually want...


Philippe
---
Philippe Wittenbergh
<http://emps.l-c-n.com/>


______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to