[Solved]Site rendering in Firefox & IE6+

[KJHunt]

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

[Nullig]

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

[KJHunt]

Nullig

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

Thank you, thank you.....

Kieran