HTML scrooling table

**auriaks** · 03-29-2010, 10:44 PM

Hi,

I have table:

PHP Code:


<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:

PHP Code:


 overflow: auto;

thanks...

**Nile** · 03-29-2010, 10:46 PM

Yes - overflow:auto

**auriaks** · 03-29-2010, 10:47 PM

like this?

PHP Code:


<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

PHP Code:


<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:

Code:

<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"

Thread: HTML scrooling table

Thread Tools

Search Thread

HTML scrooling table

The Following User Says Thank You to davelf For This Useful Post:

Bookmarks

Bookmarks

Posting Permissions