Trouble with Google Chrome

[Jordan_Jed]

I am still using version 1.3.8 and has never been upgraded. My site is www.longfellowscoffee.com.

I have just put up a new logo on the site and it is working great in
IE and Firefox. It is not showing up in Chrome. Some other pics are also not showing up, while some are.

They are both gifs and jpgs.

Thanks in advance.

[mprough]

Note that the path for the logoWrapper is incorrect in your css and height is set to zero

#logoWrapper{
background-image:url(/includes/templates/lcc/images/header2.gif);
background-repeat:repeat-x;
background-color:#000;
height:0px;
margin-right:0px;
margin-top:0em
}

Should more correctly be

background-image:url(../images/header2.gif);

Then change this

height:0px;

to

min-height:100px;

~Melanie

[Jordan_Jed]

Thank you Melanie. What I actually did, with your help in locating the problem, is change the code to...

#logoWrapper{
/*background-image: url(../images/header2.gif);*/
background-repeat: repeat-x;
background-color: #ffffff;
height: 35%;
width: 100%;
margin-right: 0px;
margin-top: 0em
}
It seems that Chrome looks at this to size the logo, but FF and IE don't, or at least they interpret it better.

I am still having the problem with some images missing. If you go to the page with FF there is a jpeg there, but it is missing with Chrome.

[mprough]

The reason for using min-height is why the main content container isn't showing the iced tea image in Chrome.... The header logo at 35% is like 50px taller than it should be.

~Melanie

[kobra]

Jordan_Jed,

From a browser resolution perspective you would be better off splitting this image into at least 2 images
One being your logo and the other a background image

Another issue is looking at your view source, the stylesheest references appear to be malformed