Random-header not displaying in IE

  • For my site, I modified the Default theme, and added a random header function from John Crenshaw, then modified that with some improvements by Alex Joscht.

    The function works fine in FF and Safari, but not in IE. Any suggestions would be welcome:

    https://67.199.126.56/

    As an additional note, I downloaded my functions.php and header.php, opened in Wordpad, copied and pasted into a new document, and saved over the old files in case anything weird copied over when I got the code of the internet.

    Also, how can I eliminate the variation in the margins displayed in my sidebar? Do I have competing css somewhere?

    Thanks!

Viewing 3 replies - 1 through 3 (of 3 total)

  • maybe just try saving your images again – they dont show up at all when browsed directly in IE (from server or locally) so its not related to any IE CSS quirk.

    Also the images file sizes are huge – they could be under 100k without any quality issues

    Thread Starter thinkstart

    (@thinkstart)

    Thanks zeniph…

    I didn’t realize how big the header files were. I thought I had saved them adequately small… but no…

    I have remedied this, and now they are displaying on my IE! This was my biggest problem, so thank you.

    Now.. does anyone know why my header seems “scaled” correctly in FF, but is displaying a little gap to the right of the header image in IE?

    And why do the page titles start so far down the sidebar in IE, but not in FF? Does IE or FF rank what css code it reads first, second, etc., and do I therefore have competing or redundant code?

    Thanks!

    And why do the page titles start so far down the sidebar in IE, but not in FF?

    thats fairly easy – there seems to be some extra H2 and incorrectly nested LI tags in the sidebar code. Have to be careful if using widgets to add – extra hidden lines etc can get added.

    header seems “scaled” correctly in FF, but is displaying a little gap to the right of the header image in IE?

    This might be a little harder to fix as will sort of relate to your background header image solution also.

    #header{
    width:769px;
    border-width:3px 2px;
    }

    When rendering an object IE will enforce the declared width and force any borders to be within that width. Firefox does the opposite – it takes the declared width and adds on declared border widths (and margins and paddding).

    You could either add another wrapper div to #header without borders and apply the width to that – #header would then figure out its width automatically in both browsers.

    Or simplest might be to remove the borders all together and add the border effect to all of you randomised header bg images – same as has been done for #page with this image
    https://67.199.126.56/wp-content/themes/tinmountain/images/kubrickbgwide.jpg

    hope that all helps!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Random-header not displaying in IE’ is closed to new replies.