Peter Bradley wrote:
> Whilst I've got your attention, though ... Does anyone happen to
> know why IE leaves a big gap between the top_nav and the pennawd_gw.
The effect of 'hasLayout' triggers on div#cynnwys - 'width' and
'height', which makes the container clear the ul#top_nav as a "block".
No "sane" browser will copy that buggy behavior, but they have of course
copied it into IE7.
You'll get a cross-browser reliable start by adding / correcting to...
div#cynnwys {clear: both; height: auto;}
...and adjust the 'top: 70px' to taste. The clearing get browsers in
line, and the 'height' shouldn't be there in the first place.
Setting 'height: value' on an element containing text, is always a bad
move since it'll cause overlapping. If you want a minimum height, then
you should declare one - with workaround for IE6...
div#cynnwys {min-height: 1600px;}
* html div#cynnwys {height: 1600px;}
With div#cynnwys fixed in place below the ul#top_nav, you can move the
main content and/or the left-side container up and down as you like.
This leaves you with one problem in IE6 - the "quirky" box-model. Since
IE6 is in quirks mode it'll include the left padding in 'width: 78%',
while other browsers will add the left padding to that width. Either
delete the 'xml declaration' from above the 'doctype' and let IE6 run in
"Strict mode", or make IE6' box-model look right by feeding it another
'width: value'.
regards
Georg
--
http://www.gunlaug.no
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
