WordPress.org

1. ashley3ee
   Member
   Posted 2 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):
   http://www.veryte.com/streamline

   IE Screenshot:
   http://www.veryte.com/streamline/wp-content/themes/streamline_30/images/ieshot.png

   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
   Member
   Posted 2 years ago #

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

3. esmi
   Theme Diva & Forum Moderator
   Posted 2 years ago #

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

4. ashley3ee
   Member
   Posted 2 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
   Member
   Posted 2 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'.

   Peter

6. ashley3ee
   Member
   Posted 2 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
   Member
   Posted 2 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.