Previous Message
Next Message

Re: [css-d] SBMH in the Wiki [was: SBMH Simplified Box Model Hack]

Sent by Big John on 8 September 2002 13:01


Gerhard Schoening wrote:

> > http://css-discuss.incutio.com/?page=BoxModelHack
> > user name: css-discuss
> > password: letmein

> It's my understanding from the following style example
> (that's in your wiki page) and from your explanations that
> it works correctly for IE6/Win in *standards mode* but not
> in *quirks mode* ?
> 
> div {
> width: 100px; 
> } 
> div { 
> \width: 140px; 
> w\idth: 100px; 
> }
> 
> So... when my page uses XHTML Strict _and_ the XML
> declaration on the first line which will switch IE6/Win into
> quirks mode - would I be correct to use
> 
> div {
> width: 100px; 
> } 
> div { 
> \width: 140px; 
> }
> 
> because: IE6/Win [quirks_mode] == IE5.x/Win [mode] ?!

No. 
IE6/quirks does not equal IE5.x, because while ie6/quirks 
does emulate the faulty box model of IE5.x, it also fully
understands escapes like Moz, so it reads the last value. :-0

If you need 'quirks' mode in IE6, use a 'conditional 
comment' directly after the hack to feed IE6 the "140px"
value. It would look like this:

<style>
 div {
 width: 100px; /* for Op5 (no escapes allowed in rule)
 } 
 div { 
 \width: 140px; /* for IE5.x/win */
 w\idth: 100px; /* for modern browsers */
 }
</style>

<!--[if IE 6]>  
<style>
 div {
 width: 140px; /* for IE6 only */
 }
</style>
<![endif]--> <!-- this entire previous comment is ignored 
                  by all but IE6 -->

HTH
Big John

PS--It's not really MY wiki page; all are welcome to 
    modify it! Anything set in stone will go on my
    own site, rest assured. ;-\  It's nowhere near 
    complete yet. What about that new CSS comment
    hack that came up just last week...?



=====
"What the world needs is a good bug ring"--Big John
<http://users.rraz.net/mc_on_the_rocks/testpage/pie.html>

__________________________________________________
Do You Yahoo!?
Yahoo! Finance - Get real-time stock quotes
http://finance.yahoo.com
Previous Message
Next Message

Message thread: