* html>body hack?

Thread view:

Enable EMail Alerts

Start New Thread

Thread rating:

Bryan - 09 Mar 2007 18:54 GMT

Hi All,

I came across this CSS while researching CSS only (no tables) layouts:

* html>body .clearfix {
display: inline-block;
width: 100%;
}

What browser is that targeting?

My understanding is that * html targets any version of IE, and that
html > body is ignored by IE 6 and below.

Isn't this a contradiction? I've tried IE7, IE6, Firefox 1.5, Opera 9
and Safari 2 -- none of them process this rule.

What browser will recognize it?

- Bryan

Reply to this Message

Bergamot - 09 Mar 2007 23:38 GMT

> * html>body .clearfix {
> display: inline-block;
> }
>
> What browser is that targeting?

Mac IE

WinIE to v6 and MacIE support *html. WinIE doesn't support child
selectors, though, so only MacIE applies those rules.

BTW, display:inline-block in MacIE is commonly set for stretching a
float's container.

Signature

Berg

Reply to this Message

Bryan - 26 Mar 2007 17:18 GMT

> Mac IE
>
[quoted text clipped - 6 lines]
> --
> Berg

Excellent! Thank you for that tip, Berg.

Reply to this Message

Webmaster Forum / HTML, CSS, Scripts / CSS / March 2007

* html>body hack?