# Re: Stylesheets

**URL:** <https://www.ruby-forum.com/t/re-stylesheets/101457>\
**Category:** Radiant CMS\
**Created:** [August 4, 2006, 10:31pm UTC](https://www.ruby-forum.com/t/re-stylesheets/101457 "2006-08-04T22:31:26Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![Harvey\_B](https://www.ruby-forum.com/letter_avatar_proxy/v4/letter/h/13edae/32.png) [@Harvey\_B](https://www.ruby-forum.com/u/Harvey_B)\
**Post date:** [August 4, 2006, 10:31pm UTC](https://www.ruby-forum.com/t/re-stylesheets/101457/1 "2006-08-04T22:31:26Z")

</div>

Josh

Not quite sure what you mean about html\>body hack? I don’t suppose you  
have any links to any pointers?  
Thanks  
harvey

---

<div class="post-metadata">

**Author:** ![Harvey\_B](https://www.ruby-forum.com/letter_avatar_proxy/v4/letter/h/13edae/32.png) [@Harvey\_B](https://www.ruby-forum.com/u/Harvey_B)\
**Post date:** [August 4, 2006, 10:37pm UTC](https://www.ruby-forum.com/t/re-stylesheets/101457/2 "2006-08-04T22:37:27Z")

</div>

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