Masthead Image Not Showing in IE

I bet its the bottom border 3 px. Take it out.

I can see the banner image from here: IE6 on XP Pro. May be an issue with the browser’s disk and/or memory cache, so try clearing this and closing/restarting IE.

I wish I could help you, but I have the exact same problem in my blog:

https://pimplepopper.fil.ph

(You’re going to have to use the theme switcher to switch the GreenTrack theme and you’ll see what I mean)

Apparently, it only happens when I view my blog using MAC IE 5.1/5.2

I’ve been playing around with my CSS file for the past month to no avail. I’ve finally decided to switch themes and go back to my masthead problem in the future.

I tried taking out the bottom border with no luck.

Pimplepopper, that is exactly where I am running into the problem. – on a Mac running IE 5.1/5.2. Not only does the image in the masthead not show up but neither is my background image for the page.

Kafkaesqui says it is working fine on their IE 6 on XP Pro. I don’t have a PC at home but have access to one tomorrow at work. I will check it out myself.

I just hate declaring the theme “complete” when it won’t run on all commonly used browsers. I guess that is just the perfectionist in me.

Thanks to everyone for the suggestions.

Thanks for the design credit in the CSS. There has been some subtle tweaking to the template which has borked the positioning. In particular the rap now has huge borders but no corresponding increase in the rap width. That triggers IE s known eccentricities at rendering the box model. The image is too wide for what IE thinks is the size of the space. Size (width) adjustments are necessary.

I wouldn’t worry about it all that much. I just take comfort in the fact that MAC IE 5.1/5.2 has been discontinued by Microsoft and is only being used by about .0000001% of the browsing population.

Lets not muddle this thread. Pimpelpopper your positioning problem is different from the OP.

My positioning problem? Read my first post in this thread, positioning is not my problem here. If you took the time to read my first post, you’d know that I have the exact same problem as wandaterral.

Root, I changed the dimensions on the masthead image – it is now 600 X 148. Would it make any difference that it is a JPG instead of a GIF? I also reduced the border width back to 1 pixel. I reduced the width of the rap (now 700 px) and the corresponding width of the content block. I am afraid this problem still exists. I am not terribly depressed about not being able to get it to work as long as it looks decent to most users but if anyone else has any ideas for me to try, pass them my way.

Here is what the code looks like so far.

#rap {
width: 700px;
background-image: url(‘images/menu.gif’);
background-repeat: repeat-y;
background-attachment: scroll;
background-position: right;
background-color: #fff;
margin: auto;
margin-top: 20px;
margin-bottom: 20px;
border: 1px solid #009900;
text-align: left; /* IE 5.5 hack part II */
}

#masthead {
background-image: url(‘images/banner.jpg’);
background-position: center center;
background-repeat: no-repeat;
background-attachment: scroll;
background-color: #fff;
height: 190px;
border-bottom: 1px solid #009900;
}

#content {
float: left;
width: 525px;

Well pimplehopper oddly enough I did read your post and your CSS. No head graphic anywhere. And the problem you say affects you in IE 5x only. And as I built Gemini I can confidently say that wandaterrals problem is positioning. I do not know what yours is. And nor do I care.

wandarterral: you have set the color after the header image. It is overiding it ?

You claim to have read my post, but you still fail to grasp what I’m trying to say. It was clearly stated there that you should first switch the them to the GreenTrack theme first to see the problem. Incidentally, the GreenTrack theme is also having problems displaying the masthead image when viewed in MAC IE5x.

Oddly enough, wandaterral also stated in a previous post that the problem only occurs when he/she views the blog using MAC IE 5x.

So maybe somebody should stop picking on others here and actually start solving the problem that wandeterral and I seem to have.

Maybe what you need to do is start another thread. Your template bears no resemblance to the one in issue here.

If you are having problems displaying the header image on Mac MSIE 5.x try wrapping the code in double quotes such as:

#headerimg { background: url(“https://domain.com/path/to/your/image.jpg”) no-repeat top;}

It is a ‘feature’ of that product that double quotes are needed.

Root: Heh. Shows what you know. jpettit has already solved my problem. Thanks jpettit.