Ehh.. It's a child selector that IE6 and below don't recognize.. so you
put the broken style in something like this:
/* this is for ie */
div.my_class {
width:100px;
}
and then right below it you put this:
/* this overwrites the previous style for CSS compliant browsers */
html>body div.my_class {
width:110px;
}
That's how I make the few simple changes I need to fix IE's box model
breakage along with a few other issues. I've made tons of sites with
complex CSS this way and only had to make about 2-3 of these per site.
It's important to know that the further down a CSS rule is in the sheet
the more precedence it has so you always want to put rules overwriting
previous ones later in the file.
Josh
Harvey Bernstein wrote:
> Josh
>
> Not quite sure what you mean about html>body hack? I don't suppose you
> have any links to any pointers?
> Thanks
> harvey
>
> -----Original Message-----
> From: [EMAIL PROTECTED]
> [mailto:[EMAIL PROTECTED] On Behalf Of Josh Ferguson
> Sent: 04 August 2006 21:17
> To: [email protected]
> Subject: Re: [Radiant] Stylesheets
>
> Wouldn't you be better off using the html>body hack?:)
>
> Josh
>
> Cory D wrote:
>
>> this should work for IE 6 - it's basically saying if less than IE 7,
>> serve this stylesheet.
>>
>> As to why it's not working, i'm stumped as well.
>>
>> -Cory
>>
>> On 8/4/06, * Nathan Wright* <[EMAIL PROTECTED]
>> <mailto:[EMAIL PROTECTED]>> wrote:
>>
>> > <!--[if lt IE 7]>
>> > <style type="text/css" media="screen">@import
>> > "/stylesheets/styleIE6.css";</style>
>> > <![endif]-->
>> >
>> > Here is the issue, when I'm using IE6, radiant serves up the
>> standard
>> > stylesheet, not the specific IE6 version.
>>
>> I never use conditional CSS statements myself, but wouldn't you
>>
> need
>
>> to set a rule to specifically apply to IE6? As it is, you've only
>>
> got
>
>> a rule for IE7 ...
>>
>> --
>> Nathan
>> _______________________________________________
>> Radiant mailing list
>> [email protected] <mailto:[email protected]>
>> http://lists.radiantcms.org/mailman/listinfo/radiant
>>
>>
>>
>>
> ------------------------------------------------------------------------
>
>> _______________________________________________
>> Radiant mailing list
>> [email protected]
>> http://lists.radiantcms.org/mailman/listinfo/radiant
>>
>>
>
> _______________________________________________
> Radiant mailing list
> [email protected]
> http://lists.radiantcms.org/mailman/listinfo/radiant
>
> This e-mail has been scanned for all viruses by MessageLabs.
>
>
>
> This e-mail has been scanned for all viruses by MessageLabs.
> _______________________________________________
> Radiant mailing list
> [email protected]
> http://lists.radiantcms.org/mailman/listinfo/radiant
>
>
_______________________________________________
Radiant mailing list
[email protected]
http://lists.radiantcms.org/mailman/listinfo/radiant
