Stevio wrote:

> I am working on a 2 column layout with a header and footer
[...]
> http://www.cssweb.co.uk/templatetest.html
>
> 1) When viewing in Firefox - there is whitespace at the top of the page

This is a margin collapsing problem:
<http://www.complexspiral.com/publications/uncollapsing-margins/>

> 2) When viewing in IE6 - the floated sidebar div (yellow with red border)
> does not appear on top of the pink space where it should be. Why is that?

IE6 has frequently similar problems is presence of floats.  Adding
"hasLayout" to #maincontent seems to solve the problem, you can use to Holly
hack for this:
/*\*/ * html #maincontent { height: 1px; } /**/
Read more at <http://www.positioniseverything.net>
position: relative added to sidebar seems to solve the problem as well, but
the above is more stable.

hth,
Bruno

______________________________________________________________________
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/

Reply via email to