ibn Ezra wrote:
> Though I'm not quite sure *why* it works. What is the significance of
> setting overflow to first 'hidden' and then later to 'visible' with
> the addition of * (everything) and html (not sure what that does)
> selectors?
'overflow: hidden' will make the container expand to contain all
elements inside it - as long as there's no 'height' declared on the
container (defaults to auto). This is the correct effect for 'block
formatting'[1] in all standard-compliant browsers. 'overflow: auto' has
the same effect, but Firefox is a bit buggy and unreliable when it sees
that particular style.
The '* html' (star html) hack is the old IE-only hack, which here is
used to feed all IE versions 'overflow: visible'. That's necessary
because some older IE-versions may otherwise hide the whole container,
which I don't think you want them to do :-)
IE will auto-expand whenever it gets a 'hasLayout'[2] trigger, so it
doesn't need (and doesn't really understand) proper 'block formatting'[1].
Study those two references well, as you'll run into these
effects/problems quite often.
regards
Georg
[1]http://www.w3.org/TR/CSS21/visuren.html#q15
[2]http://www.satzansatz.de/cssd/onhavinglayout.html
--
http://www.gunlaug.no
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
