WordPress.org

Ready to get started?Download WordPress

Forums

kubrickheader.jpg in wrong place with IE (6 posts)

  1. mcmartin
    Member
    Posted 9 years ago #

    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: http://www.thznetwork.org/wordpress/

    Thanks a lot! -Mike

  2. mcmartin
    Member
    Posted 9 years ago #

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

  3. Katrina
    Member
    Posted 9 years ago #

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

  4. Root
    Member
    Posted 9 years ago #

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

  5. mcmartin
    Member
    Posted 9 years ago #

    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??

  6. mcmartin
    Member
    Posted 9 years ago #

    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.

Topic Closed

This topic has been closed to new replies.

About this Topic