CMS Made Simple Forums

Posted: **Thu Mar 13, 2008 4:10 pm**

I have a site built incorporating a java script under the banner which I call the "Sponsors Scroll Bar". This is a fixed width (cannot use %) scroller.

The site looks different in the different browsers.

See http://www.ballinasalmonfestival.ie/index.php. 

In some browsers or screen resolutions the banner background and footer appear narror than the site width and in others it appears wider than the Sponsor Scroll Bar.

Can anyone advise what might be wrong here?

Rgds
Kieran

Posted: **Thu Mar 13, 2008 5:41 pm**

You need to use a fixed width page to accomplish uniformity.

Change:

Code: Select all

div#pagewrapper {
   border: 1px solid black;
   margin: 0 auto;       /* this centers wrapper */
   max-width: 82em;   /* IE wont understand these, so we will use javascript magick */
   min-width: 60em;
   background-color: #fff;;
   color: black;
}

to:

Code: Select all

div#pagewrapper {
   border: 1px solid black;
   margin: 0 auto;       /* this centers wrapper */
   width: 972px;
   background-color: #fff;;
   color: black;
}

And you can get rid of the IE max and min width javascript from your template, as well.

Nullig

Posted: **Thu Mar 13, 2008 7:49 pm**

Nullig

Thanks a million - 3 of us spend a long time trying to fix this.

Thank you, thank you.....

Kieran

CMS Made Simple Forums

[Solved]Site rendering in Firefox & IE6+

[Solved]Site rendering in Firefox & IE6+

Re: Site rendering in Firefox & IE6+

Re: Site rendering in Firefox & IE6+[Solved]