Geek Answers Handbook

IE7 scrolling not working

I am fixing bugs for IE7 and I have me at a dead end. The content of this page is larger than the containing div. IE7 correctly displays the vertical scrollbar, but the content falls over the vertical scrollbar, and when the user presses the scroll button, the content does not move. I can not imagine what causes this. Any ideas?

EDIT: I attached a screenshot of the problem: alt text http://img31.imageshack.us/img31/605/picture5kw.png

+5
source share
3 answers

I think this is due to the fact that IE7 and IE6 do not interpret your properties overflow-xand overflow-ycorrectly:

#content_box  {
float:left;
height:456px;
margin-left:20px;
overflow-x:hidden;
overflow-y:scroll;

this is easy to explain for IE6: it just doesn't know these attributes. As for why it doesn't work in IE7, maybe the explanation is here (It's too hard for me to understand, I haven't eaten lunch yet).

I think it might work (after a very superficial study of your code, do not file me if it is not) to introduce an additional container divwithout a set width. This will automatically adjust any elements width: 100%inside it in such a way as to prevent overflow. (I guess why this is a problem, first of all, problems with the box combined with margin-left: 20px, right?)

+6

IE7

position: relative , overflow-y: auto;

.

#content_box{
    position: relative;
    overflow-y:auto;
}

.

+3

Is it possible to set the width .grey_boxfor hard coding 510px? Because it seems that IE7 is the only one who gets this right, since it is #content_boxset to 530pxindented 10px, which will make all the fields inside 520pxwide, and this is somewhere in the scroll bar. Pekka may be in something as well, with IE7 and IE6 not implementing overflows correctly.

+1
source

More articles:


All Articles