Hello Bruno,
Fantastic! Worked like a charm. I had just cobbled together a fix that
was very convoluted, hiding different styles from different browsers
etc. and in the end a one line addition was all that was needed. Thank
you for the link. I think I will have to re-read it a few times to get
my head around it but will defiantly look back on it again.
Thanks again,
Julie
>I think that the reason of the gap (in your original version) was a
margin
>"collapsing" [1]. The margin of the h2 inside #content was "escaping"
out
>of #content, effectively pushing it down. The same thing does no happen
on
>the side columns since they are floated and this type of margin
collapsing
>does not apply to floats.
>Your current solution works (except in IE) because you apply a further
>margin, masking the collapsing. However it is a bit unnatural (beside
not
>working in IE.)
>So I would go back to zero top margin on all your columns and natural
>height
>for "strapline". Then I would stop the collapsing with one of the
methods
>mentioned in [1]. For example with a small padding-top on #content:
>#content { padding-top: 1px; }
>
>hth,
>Bruno
[1] <http://www.complexspiral.com/publications/uncollapsing-margins/>
______________________________________________________________________
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/
