Log in

View Full Version : Resolved HTML scrooling table


auriaks
03-29-2010, 10:44 PM
Hi,

I have table:


<table style='border: 1px solid grey;' width='732px'>
<tr>
<td>
</td>
...a lot of text...
</tr>
</table>


How I can make this table to scrool when it has too much text than is its' height?

maybe something with:
overflow: auto;

thanks...
Nile
03-29-2010, 10:46 PM
Yes - overflow:auto
auriaks
03-29-2010, 10:47 PM
like this?


<table style='border: 1px solid grey; overflow: auto;' width='732px'>

I think it doesn't work
Nile
03-29-2010, 10:53 PM
Give it a height too.
auriaks
03-29-2010, 11:02 PM
<table style='border: 1px solid grey; overflow: auto;' height='100px' width='732px'>

Not working... and I can't add link because of some rights.

Other options??
davelf
03-30-2010, 04:28 AM
you can use div as another option, here's the example:



<html>
<head></head>
<body>

<div style="width: 150px; height: 150px; overflow-y: scroll; scrollbar-arrow-color:
blue; scrollbar-
face-color: #e7e7e7; scrollbar-3dlight-color: #a0a0a0; scrollbar-darkshadow-color:
#888888">

Put your text in here
Put your text in here
Put your text in here
Put your text in here
Put your text in here
Put your text in here
Put your text in here
Put your text in here
Put your text in here
Put your text in here
Put your text in here
Put your text in here
Put your text in here
Put your text in here
Put your text in here
Put your text in here
Put your text in here
Put your text in here
Put your text in here
Put your text in here
Put your text in here
Put your text in here
Put your text in here
Put your text in here
Put your text in here


</div>
</body>
</html>


gud luck...:)
Nile
03-30-2010, 04:40 AM
Whats with the IE only styling of scrollbars? And, yes, I don't know if it's possible to do with tables.
auriaks
03-30-2010, 06:15 AM
Thanks... Working well for now :)
Nile
03-30-2010, 03:36 PM
It seems your topic is solved... Please set the status to resolved.. To do this:
Go to your first post ->
Edit your first post ->
Click "Go Advanced" ->
Then in the drop down next to the title, select "RESOLVED"