Jump to content


CSS in IE :(

Started by Runeshai, Apr 10 2009 03:13 AM

2 replies to this topic

#1 Runeshai

    Young Padawan

  • Members
  • Pip
  • 7 posts
  • Gender:Male
  • Location:Vancouver, BC
  • Interests:Computers, cooking, music (http://is.gd/rJV8), video & graphics, web design, reading (http://is.gd/rr7o), writing, drawing, watching movies (faves: The 13th Warrior, the Mexico trilogy, Braveheart, Grindhouse, The Descent, Lemony Snicket's Series of Unfortunate Events, Cashback, Lord of the Rings trilogy, the Holy Trilogy [Star Wars IV-VI]). I believe in thought, believing in things, and being progressive, creative and productive. Check out my blog at http://www.animivirtus.com/blake/.

Posted 10 April 2009 - 03:13 AM

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.

#2 Jacorre

    P2L Jedi

  • Members
  • PipPipPip
  • 824 posts
  • Gender:Male
  • Location:USA
  • Interests:Computers, Technology, Internet, Graphic/Web Design, Music, Soccer

Posted 02 May 2009 - 09:09 AM

I know the margin and padding is a bit different between Firefox and IE. Have you played with those settings?

#3 Raven-X

    Young Padawan

  • Members
  • Pip
  • 71 posts
  • Gender:Male
  • Location:New Jersey
  • Interests:I love having fun, programming, web design, graphic design, gaming, anime, manga, and being a student (love learning new software).

Posted 22 May 2009 - 12:53 AM 

<!-- 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.

Edited by Raven-X, 22 May 2009 - 12:54 AM.

Back to Programming and General Web Design · Next Unread Topic →


1 user(s) are reading this topic

0 members, 1 guests, 0 anonymous users

  1. Pixel2Life Forum
  2. → Help Section
  3. → Programming and General Web Design