Support » Themes and Templates » Need Help With IE Hack For New Theme

  • I’ve been working on a new custom theme and everything works perfectly in FF and Chrome. I need some help getting the header image to appear correctly in IE. The header is split into left and right divs. The left div holds a rotating image and it works correctly. The right div holds an image link that uses a css rollover for the hover state. It works exactly as it should in FF and Chrome, but it is shifted to the right in IE so about 10px worth of image is being cut off. Could someone please take a look and give me some ideas on how to fix this?

    Mt html and css both validate, but since I have modified this same theme many times already, the css is probably kind of messy.


Viewing 4 replies - 1 through 4 (of 4 total)
  • to your ul#header_link add these styles:
    padding: 0;
    margin: 0;

    it appears the default margins are just making the UL to large to fit in the defined space.

    Thanks tugbucket. I gave that a try and I’m still getting the same problem.

    Doesn’t matter if you stuff validates, IE doesn’t care 🙂

    Without an example, it’s hard for me to help, but it looks like a simple IE hack that adds/removes the 10px for IE users will work. As a last resort 🙂


    <!--[if lte IE 6]>
    <link rel="stylesheet" type="text/css" href="ie6hacks.css" />

    Where you include the same piece of code (from your original css) in ie6hacks.css, this time, try to add/remove 10px from your layout.

    It is very possible that the problem is something I caused trying to get my rollover to work. I’ve only done a couple of others like this and my technique is still pretty much trial and error. Any help would be appreciated.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Need Help With IE Hack For New Theme’ is closed to new replies.