Julie Ellam wrote:
> I am attempting a three column layout but am having problems
> with a large gap between my central column and the header
> above.
> http://www.test.room108.co.uk/css_test/index.htm
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/
