Support » Themes and Templates » kubrickheader.jpg in wrong place with IE

  • Hi … first time caller!

    I’ve been making some small mods to the Kubric theme to customize it to my site, and apparently I’ve done something that is making my header image, kubrickheader.jpg, display too low when using IE 6.0/win. It looks fine with Firefox. I’ve searched and tried lots of tweaks to both the css and php parts without any success. Can one of you gurus help me to decifer where I’ve got a goof in this code?

    The (just starting up) site is here:

    Thanks a lot! -Mike

Viewing 5 replies - 1 through 5 (of 5 total)
  • Hmm, any ideas? Bump. I can’t seem to find why in IE there is some extra space at the top of the page which is pushing the header image (and everything else not at an absolute position) down.

    try putting margin: 0px; to the css. maybe it’ll work. I’m not so sure though

    Its prolly the fancy supernav thingy. It looks very hackish to me. I would comment it out till you get straight.

    Thanks for the replies! I first commented out the supernav stuff, but that didnt’ change the positioning of everything else.
    I then went through and tried adding margin: 0px; to many places in the CSS header image stuff, the style.css file, under any section that I thought might be remotely related, but I haven’t ever seen it move at all in Explorer.

    Anyone else have any other ideas??

    Well, after many hours of playing, I’ve finally found one way to fix this problem. I don’t think I fully understand why this in needed, but this is what I did.

    In the header.php file, I changed the #headerimg line to now read:

    #headerimg { position: absolute; top: 20px; left: 50%; margin: 7px 9px 0 -370px; height: 191px; width: 740px; }

    As you see this now puts the headerimg div at an absolute position from the top, and 1/2 way back from the middle. By doing this the header image and other text now shows up in the correct place. By making a border visible on this div, I could see that there was an extra space above the stuff I want. With this work-around, now there is an extra space below, but this doesn’t push any of the elements around so all looks fine. Still haven’t figured out where that extra space is coming from, but glad to have this finally render correctly in IE.

    Once again here’s the link to see my WP site.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘kubrickheader.jpg in wrong place with IE’ is closed to new replies.