Help - Search - Members - Calendar
Full Version: CSS in IE :(
Pixel2Life Forum > Help Section > HTML, XHTML, CSS and General Web Design
Runeshai
I've been fixing some of the IE problems for this WordPress blog theme, and I'm down to the last one (on the homepage, that is). The titles in the content section are straight H2 tags, and their styling shows up just fine. But the titles in the sidebar section are also straight H2 tags and their styling does show up correctly (it's a global H2 rule, so they should all look the same). I've played with making my CSS rules very specific (specifying it as ul li h2 {styles}) but that didn't change anything.

Link: http://www.animivirtus.com/blake/
CSS: http://is.gd/rJUs

Any suggestions? Thanks.
Jacorre
I know the margin and padding is a bit different between Firefox and IE. Have you played with those settings?
Raven-X
CODE
<!-- Stylesheet -->
<link rel="stylesheet" type="text/css" href="style.css" />
<!--[if IE]<link rel="stylesheet" type="text/css" href="ie.css" /><![endif]-->


Conditional Comments

I suggest you use Conditional Comments for IE...IE just renders some things different. Just copy the element from your main.css file to your ie.css file and change what needs to be changed within the IE stylesheet. You don't have to copy everything over, just what needs to be changed.
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Invision Power Board © 2001-2009 Invision Power Services, Inc.