WordPress.org

Support

Support » How-To and Troubleshooting » Differences in CSS between pages.

Differences in CSS between pages.

  • I know this isn’t exactly 100% wordpress as it has more to do with CSS, but I was wondering why my page looks how I want it to in IE/FF (http://www.taibros.net) but when I goto my gallery, integrated Gallery 1.5 with WP 1.5.2, that IE will change the dimensions somewhat. (http://www.taibros.net/gallery). The gallery appears normal still in FF, but will lose about 10px width in IE. Any help would be greatly appreciated.

Viewing 3 replies - 1 through 3 (of 3 total)
  • This is typical IE behavior. IE always seems to need more width for elements than other browsers. You may, if you like, feed IE a different dimension through the use of the star html hack, anything after which only IE sees. To ensure it will last into the future through the next IE upgrade, feed it in through a conditional comment in the head of your header.php file (instead of your stylesheet) like so:

    <!--[if lte IE 6]>
    <style>
    * html .yourclassordivhere {
    width: IEpx;
    }
    </style>

    <![endif]-->

    Do check and see if this now plays nicely in IE5 and IEMac since they act differently than IE6.

    hmm, i tried it but it didn’t seem to do anything…

    anyone else have any ideas as to why this happens?

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Differences in CSS between pages.’ is closed to new replies.