Re: [WSG] "Avoid non valid css hacks"

[Pierre-Henri Lavigne]

Christian Montoya wrote:
On 2/10/07, Pierre-Henri Lavigne <[EMAIL PROTECTED]> wrote:
Ok at my work I joined last october they used to work with ie hacks such
as _

In their specifications, they are releasing only valid html code and not
css, and I am trying to release valid css stylesheets too, (Boum) I
still used tantek hack for example with voice-family. And for various
reasons, they don't like it. For maintaining they don't want to use ie
conditional stylesheets for example and want everything in one 
stylesheet.

So everyone think about it, decided to upgrade it progressivly to try
finding new stuffs.

First initiative came from a colleague who suggest for width and height
properties :
width: 980px !important; /* standard loving browser */
width: 952px; /* IE5 */
width /**/ : /**/ 962px; /* IE6 */

What do you think about it ? Is it a method already used on the web ?

Are you putting all the browsers in standards mode with a proper
doctype (HTML 4.01 Strict, XHTML 1.0 Strict)? If you do, you will
probably need less hacks, since the box model will at least be the
same across browsers. As for that hack, I haven't seen that last line
in use before.
Yeap I am using a proper doctype each time. We use to work with xhtml 
1.0 transitional
Last line to my mind is not understable by IE 5 (double css comments )
The primary problem comes from IE6, especially with the ie png filter 
property.
I think without conditional stylesheets, it would not be possible to get 
a valid css :(

My other question is different and was about the selector >. I am using
html>body #container for example.
On the source from webstandardsawards.com they are using 
body>#container.
I suppose it is ok 'cause IE 6 won't understand it, but was it tested in
depth ?

I find that the > selector is about all I have to use to cater to
older browsers, including IE 5 Win/Mac and IE 6. html>body is the
easiest thing since you never know if someone might wrap another div
around #container.

Not shure but I guess what you mean. Thanks for the info.

--
Wcube . eQuesto
Pierre-Henri LAVIGNE
Web developer xhtml - css
33, rue des Jeûneurs - FR 75002 Paris
[EMAIL PROTECTED]
Phone: +33(0)1 42 47 83 83
www.wcube.fr / www.equesto.fr



*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
*******************************************************************