Voice Family Hack and IE 6

[Ian Rutgers]

Please take a look at http://www.taoofpeace.com/test/curriculum/index.php
.... specifically the "Main Menu" Currently in IE 6.0 there is no gap
between the "Main Menu" label and "curriculum/schedule" but in Mozilla
browsers (FireFox for example) there is a slight gap. I actually like the
idea of the small gap and thought I could control it with the Voice Family
Hack ala

#first{
padding-top:.5em;
margin-top:.3em;
voice-family: "\"}
\"";
voice-family:inherit;
margin-top:.20em;
}

However it appears that IE 6 doesn't recognize the hack any more ... what is
the nouveau way to deal with how IE and Mozilla handle the space?

Thx

Ian

 

[Steve Pugh]

Please take a look at http://www.taoofpeace.com/test/curriculum/index.php
... specifically the "Main Menu" Currently in IE 6.0 there is no gap
between the "Main Menu" label and "curriculum/schedule" but in Mozilla
browsers (FireFox for example) there is a slight gap. I actually like the
idea of the small gap and thought I could control it with the Voice Family
Hack ala

#first{
padding-top:.5em;
margin-top:.3em;
voice-family: "\"}
\"";
voice-family:inherit;
margin-top:.20em;
}

However it appears that IE 6 doesn't recognize the hack any more ... what is
the nouveau way to deal with how IE and Mozilla handle the space?

The whole point of the Tantek hack that you have here is to feed
separate styles to IE<5.5 on one hand and to IE6+ and proper browsers
on the other.

If you want to treat IE6 the same as IE5.5 then you need a different
hack. And what are you going to do about IE7 (which displays the menu
in a totally different place)?

Steve

 

[Jim Higson]

Please take a look at http://www.taoofpeace.com/test/curriculum/index.php
... specifically the "Main Menu" Currently in IE 6.0 there is no gap
between the "Main Menu" label and "curriculum/schedule" but in Mozilla
browsers (FireFox for example) there is a slight gap. I actually like the
idea of the small gap and thought I could control it with the Voice Family
Hack ala

#first{
padding-top:.5em;
margin-top:.3em;
voice-family: "\"}
\"";
voice-family:inherit;
margin-top:.20em;
}

However it appears that IE 6 doesn't recognize the hack any more ... what
is the nouveau way to deal with how IE and Mozilla handle the space?

My favourite is:

* html #first
{
/* rules for just IE here */
}

This is matched on IE6 and below.

 

[Ian Rutgers]

The whole point of the Tantek hack that you have here is to feed
separate styles to IE<5.5 on one hand and to IE6+ and proper browsers
on the other.

If you want to treat IE6 the same as IE5.5 then you need a different
hack. And what are you going to do about IE7 (which displays the menu
in a totally different place)?

So what is your suggestion. IE and Mozilla don't display the menu the
same way. In researching an alternative I came across
http://www.stylegala.com/articles/no_more_css_hacks.htm ... looked at
"David's" solution and the commentary that followed ... my conclusion is
that there is yet to be a conclusive answer.

 

[Ian Rutgers]

My favourite is:

* html #first
{
/* rules for just IE here */
}

This is matched on IE6 and below.

Works great! I'll keep this in my recipe book '-)