How to fix the table height?

html css tablelayout
Jacob_pgr picture Jacob_pgr · Nov 18, 2009 · Viewed 20.2k times · Source

I want to fix the table height to 600px, eve if the content goes long.

Answer

Amber picture Amber · Nov 18, 2009

Try wrapping the table within a div tag, and setting the CSS properties of the div like so:

div.tablewrapper {
    height: 600px;
    overflow-y: auto;
}

This will make a scrollbar appear if the table's height exceeds 600 pixels. If you don't want to always force the height to 600px if the table it too small to take up that much space, but instead just want 600px to be the max, use max-height instead of height.

Related questions

How do you specify table padding in CSS? ( table, not cell padding )

I have a table with a colored background and I need to specify the padding between the table and it's content, I.E. cells. The table tag doesn't seem to accept a padding value. Firebug shows the table and tbody's …

Read More
CSS: Truncate table cells, but fit as much as possible

Meet Fred. He's a table: <table border="1" style="width: 100%;"> <tr> <td>This cells has more content</td> <td>Less content here</td> </tr> </table> …

Read More
Fixed Table Header with Scrolling Page Body

Initially scrolling, then fixed table header with scrolling page body. I would like to put a table somewhere in the middle of my web page that has the following behavior: Acts like a "normal" html table for the most part... …

Read More