Forum Moderators: not2easy

Message Too Old, No Replies

Double scroll bars in IE6?

how to override overflow?

         

Holi

5:46 pm on Sep 1, 2006 (gmt 0)

10+ Year Member



Hi

I have the following CSS definition for all browsers except IE:


* {
padding:0;
margin:0;
border:none;
z-index:0;
}

html, body {
width:100%;
height:100%;
overflow:hidden;
}


As I have a lot of problems with IE, I'd like to override the "overflow" in a CCSS include in order to have 1 scrollbar for IE's main window, which I do like this in ie6.css:

html, body {
overflow-y:auto;
}

Unfortunately I then get 2 scroll bars...?
If I change the whole main.css to the following

* {
padding:0;
margin:0;
border:none;
z-index:0;
}

html, body {
width:100%;
height:100%;
/* overflow:hidden;*/
}


and remove the override, everything works fine... (except I don't have the expected results in all other browsers)
Why do I get two scroll bars?

Any clue?

Many thanks, Holi

Robin_reala

11:33 pm on Sep 1, 2006 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



You get two scrollbars because you're applying overflow-y: auto to two elements (html and body)?