[techunar]

Hello,

I have a markup like this inside a table:

<table>
<thead>
<tr> <th> .. </th> </tr>
</thead>
<tbody>
<tr> <th> .. </th> </tr>
<tr> <th> .. </th> </tr>
<tr> <th> .. </th> </tr>
</tbody>
</table>

I want to make a fixed height of my TBODY, and want to have a overflow-y: scroll... any idea guys?? I am trying trying and trying... I need this for for Firefox/Safari and IE....

Looking forward!

-techunar

[teehoi]

Why Tables Are Bad (For Layout)

[pgo]

Uh, this doesn't necessarily mean he's using it as a layout device. Tables are perfectly fine for tabular data.

This might be helpful: Pure CSS Scrollable Table with Fixed Header

"overflow-y" isn't a valid CSS property. Try using overflow:auto; and declaring a height for tbody.

[karmedic]

further to pgo's comment - this markup works for me:

<table style="width: 400px;">
<thead>
<tr> <th> head </th> </tr>
</thead>
<tbody style="height: 100px; overflow: auto;">
<tr> <th> .. </th> </tr>
<tr> <th> .. </th> </tr>
<tr> <th> .. </th> </tr>
<tr> <th> .. </th> </tr>
<tr> <th> .. </th> </tr>
<tr> <th> .. </th> </tr>
<tr> <th> .. </th> </tr>
<tr> <th> .. </th> </tr>
<tr> <th> .. </th> </tr>
<tr> <th> .. </th> </tr>
<tr> <th> .. </th> </tr>
</tbody>
</table>

[techunar]

This markup and what PGO has shown just works for FF, all are breaking on IE and Safari.

However, PGO the link you mentioned, I visited it before, I wonder how it does, it looks fine when I visit it, but when I integrate these tbody styles this doesn't works on my application.

any more ideas.. ?

[pgo]

Use the CSS from the link. It has IE fixes in it.

[techunar]

No PGO, worked hard, no solution yet...

[spiral]

I managed to tweak the imaputz "big 4" technique so it works with more browsers
I have a working demo you can take a look at:
monolinea.com/clients/csstests/tablescroll.html

tested and working in:

• ie6
• ie7
• ff2
• safari 3
• opera 9

(sorry, i still cannot post links )