David McFarland wrote:
> Is there a good way to hide the backgrounds or borders that can
> appear behind floated elements? For example: http://www.sawmac.com/
> tests/float_bg.html
>
> This is correct behavior--only the content is displaced by the float,
> not the box itself, so its borders and backgrounds appear behind the
> float. But this isn't always desirable.
You can also play with another part of CSS standards - 'Block formatting
contexts'[1].
As an example - adding...
h1 {overflow: hidden; zoom: 1;}
...to isolate the entire h1 with background, borders and all, from the
float.
As usual you'll have to add in a 'hasLayout'[1] trigger for IE6 (I used
zoom: 1;), since that browsers knows nothing about these CSS standards.
IE7 will probably do slightly better.
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/
