overflow:auto not working

[TheConeHead]

Why is this not working, it streches the div as big as the content:

results {overflow:auto; height:100; width:560; font-size:5pt;}

<div class="results">
asdgasdgasdg<br>asdgasdgasdg<br>asdgasdgasdg<br>
asdgasdgasdg<br>asdgasdgasdg<br>asdgasdgasdg<br>
asdgasdgasdg<br>asdgasdgasdg<br>asdgasdgasdg<br>
asdgasdgasdg<br>asdgasdgasdg<br>asdgasdgasdg<br>
asdgasdgasdg<br>asdgasdgasdg<br>asdgasdgasdg<br>
asdgasdgasdg<br>asdgasdgasdg<br>asdgasdgasdg<br>
</div>

 

[BillyRayPreachersSon]

If you want the content to truncate instead of the container to stretch, you should use "overflow:hidden".

Hope this helps,
Dan

 

[TheConeHead]

I want the container to maintain a hard height and have scrollbars when the content is too long...

I'll try hidden

 

[TheConeHead]

ok - it's official - I'm a moron

[b][COLOR=#ff0000].[/color][/b]results {overflow:auto; height:100; width:560; font-size:5pt;}

 

[cLFlaVA]

a) you need a "." before the "results" in your style sheet
b) you need a complete doctype
c) you need units (px, em) for height and width

Should look more like this:

.results {
  overflow: auto;
  height: 100px;
  width: 560px;
  font-size: 5pt;
}

<div class="results">
asdgasdgasdg<br>asdgasdgasdg<br>asdgasdgasdg<br>
asdgasdgasdg<br>asdgasdgasdg<br>asdgasdgasdg<br>
asdgasdgasdg<br>asdgasdgasdg<br>asdgasdgasdg<br>
asdgasdgasdg<br>asdgasdgasdg<br>asdgasdgasdg<br>
asdgasdgasdg<br>asdgasdgasdg<br>asdgasdgasdg<br>
asdgasdgasdg<br>asdgasdgasdg<br>asdgasdgasdg<br>
</div>

Additionally, "pt" is more for printing. I'm not even sure it's a valid CSS unit. You should use pixels or ems.

*cLFlaVA
----------------------------
"Holy crip he's a crapple!

 

[BillyRayPreachersSon]

Additionally, "pt" is more for printing. I'm not even sure it's a valid CSS unit. You should use pixels or ems.

"pt" (points) can be used for either screen or print media, and is perfectly acceptable, AFAIK.

In fact, I belive the following are all good:

em, ex, pt, px, %

Hope this helps,
Dan