WordPress.org

1. wandaterral
   Member
   Posted 7 years ago #

   I have searched the support pages for hours trying to find the hack to fix this problem but have had no luck.

   This is my first attempt at developing a theme. I am a school teacher and wanted to create some themes teachers can use that are education specific.

   I have tested this theme (An Apple For The Teacher) in many browsers: Firefox, Netscape, AOL, Bumper Car, Camino, Firebird, Opera, and Safari.

   I CANNOT GET THE IMAGE AT THE TOP OF THE PAGE TO SHOW IN INTERNET EXPLORER!!!! This is driving me CRAZY!!!

   This theme was inspired by Anthurium by Joni Mueller and Root of http://www.atthe404.com for his Odyssey interface and Gemini template.

   Any suggestions? Here is the website and code:

   http://www.cloverworks.com/blog/ - Please be aware that is is not a working blog, just a working design.

   #masthead {
   background-image: url('images/banner.jpg');
   background-position: top left;
   background-repeat: no-repeat;
   background-attachment: scroll;
   background-color: #fff;
   height: 190px;
   border-bottom: 3px solid #009900;
   }

2. Root
   Member
   Posted 7 years ago #

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

3. Kafkaesqui
   Moderator
   Posted 7 years ago #

   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.

4. Pimplepopper
   Member
   Posted 7 years ago #

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

   http://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.

5. wandaterral
   Member
   Posted 7 years ago #

   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.

6. Root
   Member
   Posted 7 years ago #

   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.

7. Pimplepopper
   Member
   Posted 7 years ago #

   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.

8. Root
   Member
   Posted 7 years ago #

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

9. Pimplepopper
   Member
   Posted 7 years ago #

   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.

10. wandaterral
    Member
    Posted 7 years ago #

    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;

11. Root
    Member
    Posted 7 years ago #

    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.

12. Root
    Member
    Posted 7 years ago #

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

13. Pimplepopper
    Member
    Posted 7 years ago #

    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.

14. Root
    Member
    Posted 7 years ago #

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

15. jpettit
    Member
    Posted 7 years ago #

    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("http://domain.com/path/to/your/image.jpg") no-repeat top;}

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

16. Pimplepopper
    Member
    Posted 7 years ago #

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

17. Root
    Member
    Posted 7 years ago #

    What do I know? Youre right . :)

Topic Closed

This topic has been closed to new replies.