0

Hi,
I added a scroll bar in div with a fixed height using css as follows:

#container {
    width: 1000px;
    margin: 0px auto;
}
#content {
    background-position: 190px 0px;
}
.central-content {
    padding: 0 1px 15px 1px;
    min-height: 500px;
    max-height: 500px; 
    overflow: auto; 
}

It works ok, but the problem is when I scroll down the picture up there also follows, and it overlaps pictures below. However, when I scroll up, the picture below do not go up. Only pictures on the top. Why? How can I fix it?

Edited by mike_2000_17: Fixed formatting

5
Contributors
4
Replies
5
Views
7 Years
Discussion Span
Last Post by ko ko
0

I think you must describe your problem better since people seem to not being able to understand your problem :) atleast I can't.

0
min-height: 500px;
max-height: 500px;

Why not just use

height: 500px;

I doubt that this will solve the problem though. I second the call for your html.

0
#content {
background-position: 190px 0px;
background-attachment: fixed;
}

Hope this help!

This topic has been dead for over six months. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.