Header Image Width Inconsistent between Browsers

[PBlue]

I found the header image width for below site is correct under IE 9 and Firefox (15.0.1) but wrong under Safari (6.0.1):

http://www.translation.st

Header Image under IE 9:

Header Image under Firefox (15.0.1):

Header Image under Safari

Please advise if it is browser's problem or cmsms's problem and anyway to fix it?

[Dr.CSS]

I don't see that, the only way I can see it like that is to zoom it in smaller...

You have a really old version of CMSMS and need to update before you get a vulnerability attack...

[PBlue]

I don't see that, the only way I can see it like that is to zoom it in smaller...

You have a really old version of CMSMS and need to update before you get a vulnerability attack...

In the Safari part, you can see the header image is shorter and you can see the right white space.

Yes, I'm preparing to upgrading the site to 1.11.2 but encountered some problems and am seeking for help from the forum.

[gianpiero]

in my Safari your site working well, the little difference is the search button. Safari screen is on lower side

[PBlue]

If you select "View -> Actual Size" then you can see the header image is shorter. But if you enlarge it, the header image will match just as you saw. But people will normally view the site by using "actual size" and they will see the shorter header image.

[gianpiero]

It's not related to CMCMS
It's related to Safari setting ZOOM "only text" or "text and images"

Anyway CTRL+0 is the default set, and this work for me always

Adjust this to your image dimension 120 , pick the color of your image at right side and fill the value of background ( why is it commented ? )

Code: Select all

/*** header ***
we will hide text and replace it with a image
we need to assign a height for it so that the image wont cut off
*/
div#header {
   height: 100px;    /* adjust according your image size */
 /*  background: #385C72;           */
}

[Dr.CSS]

This topic is Locked, as we don't support old versions...