[resolved] Firefox ok, IE not so ok (7 posts)

  1. ashley3ee
    Posted 6 years ago #

    I'm having trouble with the header graphic. It works fine in Firefox but half of it disappears in IE. Example:

    Site (view in Firefox):

    IE Screenshot:

    Here is the CSS:

    [Moderated: Too much code. Please consider placing the code in a text file on your site with a link here -or- use a pastebin service such as http://wordpress.pastebin.com. Thanks!]

  2. do77
    Posted 6 years ago #

    Have you tried giving your header graphic a z-index such as 100?

  3. esmi
    Forum Moderator
    Posted 6 years ago #

    Getting ride of some of the validation errors would probably help.

  4. ashley3ee
    Posted 6 years ago #

    do77: I tried adding the z-index with 100 (even 500) and nothing.

    esmi: thanks, I fixed all of the errors except for 1. I can't seem to figure out where this error is.

    Maybe that will fix it, otherwise any other suggestions on why IE is messing up the header graphic?

  5. Peter Boosten
    Posted 6 years ago #

    z-indexes will only work on elements that are positioned other than the default static. Try adding position: relative; to the elements your trying to 'z-index'.


  6. ashley3ee
    Posted 6 years ago #

    Peter, I have tried both absolute and relative.

    The strange thing is this is the background image. The header graphic shouldn't get cut off at all?

    Here is the CSS for it:

    #header #imageheader {
    	width: 607px;
    	height: 275px;
    	text-indent: -10000px;
    	background: url(images/logo.png) left top no-repeat;
    	position: absolute;
    	z-index: 15000;
  7. ashley3ee
    Posted 6 years ago #

    Ok, so apparently it's fine in IE8, but is messed up in IE7. I don't think I'm gonna worry about this any longer.

    Thanks for your help!

Topic Closed

This topic has been closed to new replies.

About this Topic


No tags yet.