WordPress.org

Ready to get started?Download WordPress

Forums

Need Help With IE Hack For New Theme (5 posts)

  1. Chrisber
    Member
    Posted 5 years ago #

    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.

    Thanks!

    chrisberryonthe.net

  2. tugbucket
    Member
    Posted 5 years ago #

    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.

  3. Chrisber
    Member
    Posted 5 years ago #

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

  4. ghaib
    Member
    Posted 5 years ago #

    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 :)

    E.g.:

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

    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.

  5. Chrisber
    Member
    Posted 5 years ago #

    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.

Topic Closed

This topic has been closed to new replies.

About this Topic