Is there a way to specify overflow in CSS?

Question

I have been using a lot of position:relative; in my design, I just find it the easiest way to get everything where I need them to be.

However, the more items I add on my site (each one with their individual div) each one ends up further and further at the bottom of my page, so I have to manually position them higher.

This leaves a lot of empty space at the bottom, and I thought that adding height: 1000px; would limit the scrolling a bit, but this method doesn't seem to work.

I've even tried adding height: 1000px; to the wrapper and it's still not working.

How can I limit vertical scrolling, to the number of pixels I choose?

Thanks so much in advance.

it seems you're using css in a weird way. what do you mean by manually position them higher? — markus
– markus, Commented Apr 19, 2009 at 22:20

Ólafur Waage · Accepted Answer · 2009-04-19 22:13:38Z

6

Wait, so you are creating a div, using position relative to move the content of the div to the correct location, and the issue being that the div tag itself is still in the same place and creating a vertical scroll even though there is no content there?

If so you should look into floats.

Here are some tutorials.

answered Apr 19, 2009 at 22:13

Ólafur Waage

70.3k22 gold badges147 silver badges199 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

bendewey Over a year ago

+1 I'm with you there has to be a better way then relative positioning for this.

cssnoob Over a year ago

Yes, that's what's happening. Thanks for the links, I will check them out right now.

Joel · Accepted Answer · 2009-04-19 22:13:25Z

1

You can specify both the height and the overflow:

.someClass
{
    height:1000px;
    overflow:scroll;
}

The most common values for overflow are scroll, auto, and hidden.

answered Apr 19, 2009 at 22:13

Joel

19.4k3 gold badges67 silver badges84 bronze badges

Comments

Darryl Hein · Accepted Answer · 2009-04-19 22:13:47Z

0

To limit the distance someone can scroll, I think you'd need to use JavaScript. I'm not sure how, but I can't think of anything in CSS that would do that.

If you are looking to set when something should scroll instead of just be cut off or expand the tag, use overflow:auto;.

answered Apr 19, 2009 at 22:13

Darryl Hein

146k96 gold badges224 silver badges265 bronze badges

Collectives™ on Stack Overflow

Is there a way to specify overflow in CSS?

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related