Ysgrifennodd Gunlaug Sørtun:
> 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
Hi Georg and list,
First off, thanks for the fix for the list element. That's fine now.
Your reply above is quite a bit for me to digest, but I think I get what
you're saying (especially the bit about fixed heights not being a good
idea). I'll give some thought to what you've said to make sure I
understand, and then I'll give it a go.
Before I forget to say it, I'd like to thank you for taking the time to
explain the "why"s as well as the "what"s. Learning is so much more
effective when the learner gets to know why things happen like they do.
Thanks.
Now let's see if I can actually get it to work!
Cheers
Peter
______________________________________________________________________
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/
