Fri, 2007-03-09 21:16
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
Fri, 2007-03-09 21:18
#1
Where on earth did you find
Where on earth did you find that?
Fri, 2007-03-09 21:42
#2
It's a IEmac hack
It's a IEmac hack
Fri, 2007-03-09 22:00
#3
Hugo wrote:It's a IEmac hack
Hugo wrote:
It's a IEmac hack
Really? Hmmm. Very interesting.
Thank you.
Mon, 2007-03-12 13:48
#4
Hugo wrote:It's a IEmac hack
Hugo wrote:
It's a IEmac hack
I have in my notes that it is an Opera 5 hack. I don't have a link though to reference.
I do have a link for an IE/Mac hack though -
http://www.sam-i-am.com/work/sandbox/css/mac_ie5_hack.html
Are both IE/Mac hacks?
Mon, 2007-03-12 17:30
#5
Well there are many hacks
Well there are many hacks and all of them a very bad thing indeed and make me frown muchly
The star (Universal) selector combined with the child selector is a IE Mac hack IE Mac had the same parsing error in thinking that there was a element higher than root (html) but unlike IE Win it did understand the '>' child selector so that combination would feed to IE Mac only as IE Win would choke on the '>' child selector.
There are other Opera hacks but the famous reference was to the Tantex voice-family hack for the box model (thankfully pretty much a thing of the past) where Opera would choke on the voice family property so wouldn't get the adjusted dimension as other modern browsers so the ruleset was re-declared afterwards but using the '>' child selector to prevent IE from reading the value, and was known as the 'Be nice to Opera rule'
Hugo.