Max size of a box, then scroller

[webtechmyloo]

Hi,

I have this in my style.css:

#content {
    float: left;
    width: 480px;
    height: 100px;
} 

And in the .php file:

<div id="content">
    <p>Content here</p>
</div> 

When the content in that box is enough to pass by the 100px of height I want a scroller. In fact the box always have to be 100px of height.
Can someone help me with this?

Cordially,
Johan

[busy]

This belongs in the CSS forum.

I believe what you need is

#content{
  float: left;
  width: 480px;
  height:100px;
  overflow:scroll;
}

[webtechmyloo]

Thank you that's working. But how to disable the buttom scroller? Because it's visible even when it's not necessary.

[busy]

you can try
overflow:auto
but I think that's the default... maybe it will work right though...

[busy]

i think there are also
overflow-x:
and
overflow-y:
but they definitely don't work in too many browsers.

[webtechmyloo]

you can try
overflow:auto
but I think that's the default... maybe it will work right though...

That's works great!!
Thanks