Re: Main page won’t scroll on Chrome & Firefox but ok on IE – Help please

[BS6600]

Thanks Doc; there’s no overflow statement in index.htm or any linked pages only in style.css which is imported into all pages.

I’ve already changed from overflow-y:none to :auto in style.css .

The scrolling problem affects all pages so I’m blaming style.css – here it is.

My disclaimer – I didn’t write this site originally and the guy who did is no longer to be found!

/*style.css*/

/*divs*/
div.logo {background-color:#FFFFFF; position:absolute; top:0px; right:0px; left:0px; height:100px; width:1000px;}
div.menu {background-color:#FF6600; position:absolute; top:100px; right:0px; left:0px; height:1000px; width:150px;}
div.mrW {background-color:#FF6600; position:absolute; top:0px; right:0px; left:0px; height:130px; width:125px;}

div.main {background-color:#FFFFFF; position:absolute; top:120px; right:25px;left:225px; height:*px; width:500px; overflow-y:auto}
div.right {background-color:#FFFFFF; position:absolute; top:100px; right:25px;left:1000px; height:*px; width:125px; overflow-y:auto; border: 2px #FFFFFF solid;}
div.footer {background-color:#FFFFFF; position:relative; top:0px; right:0px; left:0px; height:50px; width:510px; text-align: center;}

div.secMain {background-color:#FFFFFF; position:absolute; top:140px; right:25px;left:225px; height:*px; width:500px; overflow-y:auto}

div.secHeadA {background-color:#FFFFFF; position:absolute; top:110px; right:25px;left:225px; height:20px; width:500px; overflow-y:auto}
div.secMenuA {background-color:#FF6600; position:absolute; top:100px; right:0px; left:0px; height:1000px; width:150px;}

div.secHeadB {background-color:#FFFFFF; position:absolute; top:110px; right:25px;left:225px; height:20px; width:500px; overflow-y:auto}
div.secMenuB {background-color:#FF6600; position:absolute; top:100px; right:0px; left:0px; height:1000px; width:150px;}

div.secHeadC {background-color:#FFFFFF; position:absolute; top:110px; right:25px;left:225px; height:20px; width:500px; overflow-y:auto}
div.secMenuC {background-color:#FF6600; position:absolute; top:100px; right:0px; left:0px; height:1000px; width:150px;}

div.secHeadD {background-color:#FFFFFF; position:absolute; top:110px; right:25px;left:225px; height:20px; width:500px; overflow-y:auto}
div.secMenuD {background-color:#FF6600; position:absolute; top:100px; right:0px; left:0px; height:1000px; width:150px;}

div.secHeadE {background-color:#FFFFFF; position:absolute; top:110px; right:25px;left:225px; height:20px; width:500px; overflow-y:auto}
div.secMenuE {background-color:#FF6600; position:absolute; top:100px; right:0px; left:0px; height:1000px; width:150px;}

div.secHeadF {background-color:#FFFFFF; position:absolute; top:110px; right:25px;left:225px; height:20px; width:500px; overflow-y:auto}
div.secMenuF {background-color:#FF6600; position:absolute; top:100px; right:0px; left:0px; height:1000px; width:150px;}

body {background-color:#FFFFFF; margin=0; color:”#0000BB”; font:9pt ‘Arial’ serif; text-align:left; left:50px; overflow-y:hidden}

/*fonts*/
h1 {font:10pt ‘Arial’ serif; text-align:center; position:relative; color:teal; top:0%} /*centerTeal10*/
h2 {font:10pt ‘Arial’ serif; text-align:left; position:relative; color:white; top:5%} /*menu*/
h3 {font:11pt ‘Arial’ serif; text-align:left; position:relative; color:black; top:0%} /*leftBlack11*/
h4 {font:11pt ‘Arial’ serif; text-align:center; position:relative; color:black; top:0%} /*centerBlack11*/

a:link {color:teal;}
a:active {color:red; }
a:visited {color:teal;}
a:hover {color:red; }

a.two:link {color:white; text-decoration:none;}
a.two:active {color:red;}
a.two:visited {color:white; text-decoration:none;}
a.two:hover {color:yellow;}

a.three:link {color:teal; text-decoration:none;}
a.three:active {color:red;}
a.three:visited {color:teal; text-decoration:none;}
a.three:hover {color:orange;}

a.four:link {color:orange;}
a.four:active {color:red;}
a.four:visited {color:teal; text-decoration:none;}
a.four:hover {color:teal;}

.leftOrange10 {font-size:10pt; color: #FFA500; font-family: arial, helvetica, sans-serif ; text-align:left;}
.leftOrange10BI {font-size:10pt; color: #FFA500; font-family: arial, helvetica, sans-serif ; text-align:left; font-style: italic; font-weight: bold;}
.leftBlack10BI {font-size:10pt; color: #000000; font-family: arial, helvetica, sans-serif ; text-align:left; font-style: italic; font-weight: bold;}
.centerOrange10 {font-size:10pt; color: #FFA500; font-family: arial, helvetica, sans-serif ; text-align:center;}
.centerOrange11 {font-size:11pt; color: #FFA500; font-family: arial, helvetica, sans-serif ; text-align:center;}
.leftOrange12B {font-size:12pt; color: #FFA500; font-family: arial, helvetica, sans-serif ; text-align:left; font-weight: bold;}
.leftOrange12BI {font-size:12pt; color: #FFA500; font-family: arial, helvetica, sans-serif ; text-align:left; font-style: italic; font-weight: bold;}
.leftBlack8 {font-size:8pt; color: #000000; font-family: arial, helvetica, sans-serif ; text-align:left; font-style: italic;}
.centerTeal8 {font-size:8pt; color: #008080; font-family: arial, helvetica, sans-serif ; text-align:center;}
.centerTeal10 {font-size:9pt; color: #008080; font-family: arial, helvetica, sans-serif ; text-align:center;}
.leftBLack12B {font-size:12pt; color: #000000; font-family: arial, helvetica, sans-serif ; text-align:left; font-weight: bold;}
.leftBLack14B {font-size:16pt; color: #000000; font-family: arial, helvetica, sans-serif ; text-align:left; font-weight: bold;}