CSS Tags Screwy in IE (3 posts)

  1. mechietechie
    Posted 10 years ago #

    Can anyone help us with this? We've done our best to resort the CSS tags, but it still messes up. The screwying up factor is the addition of the "adside" div. The site is here: http://www.mechietechie.com and the css file is here: http://www.mechietechie.com/wp-content/themes/default/style.css .
    Thanks the for help!

  2. mechietechie
    Posted 10 years ago #


  3. Doodlebee
    Posted 10 years ago #

    First of all, all that stuff with * html is hacks for IE. A big issue with how you're using them is you have them at the top of your stylesheet, before anything else. So the stuff for standards-compatible browsers is overwriting your hacked sections, because CSS sets it's definitions by what shows up last. (So, for example, if I had p {font-size:10px;} in one section, and at the bottom of the stylesheet, I put p {font-size:12px;} the font that would show up on the site would be 12px.) So IE is reverting back to the standards-compliant defaults, and making your hacks moot.

    Second of all, you should use conditional comments instead of hacks for IE. When IE7 comes out - althought the * html hack supposedly isn't affected by IE7 - you'll be in a world of trouble in trying to fix everything because of the hacks. Stay away from hacks. Just code for standards-compatible browsers, and use conditional comments for IE. Makes life a whole lot easier.

Topic Closed

This topic has been closed to new replies.

About this Topic