Sent by Duncan O'Neill on 26 February 2003 08:08
Richard Sandilands wrote:
> HI there
>
> I was having a look at the css for 37 signals site (
> http://www.37signals.com/sophisto.css ) and noticed that the way they
> use the voice family hack a little differently:
>
> .ThreeColTextFixed {
> float: none;
> margin: 0px 0px 0px 0px;
> padding: 0px 20px 0px 20px;
> width:240px;
> voice-family: "\"}\"";
> voice-family: inherit;
> width: 240px; }
>
> html>body .ThreeColTextFixed { width:200px; }
>
> I would have written:
>
> voice-family: inherit;
> width: 200px; }
>
> What am I missing? Is it related to the use of the xml prolog on their
> pages?
Richard,
yes, AFAIK, it *is* do with the xml prolog on their pages,
which I think throws IE6 into quirks mode.
The last line of the CSS hides the rule from Win IE
browsers ( 6 and below ), but shows it to standards-compliant
browsers which support the child selector:
http://w3development.de/css/hide_css_from_browsers/child/
so for these browsers box width = 200 + 20+ 20 = 240
hth,
--
Duncan O'Neill
http://urbanlegend.f2o.org/
