Jump to content

static table header


redbullmarky

Recommended Posts

Hi all

Back to basics again....

I'm trying to come up with the best solution for laying out a table of an unknown height. My tables are currently being used for presenting a list, with x amount of columns. The table has a <TH> header.
Now - whether my table has 2 rows or 1000 rows, I want it all restricted into a 100%x200px box.
I've thrown my table into a 200 pixel high <DIV> which works to an extent. However, I want my TH to stay visible.

The only way I can get it to work is to split the list into two tables - one for the header, and one (contained in a DIV) for the data, however, even if i specify column widths, the column labels in the header to not align properly (or neatly) with my data.

THEAD, TBODY, etc worked to an extent, but no matter what i did, i got an ugly horizontal scroll bar which I really don't want. if i could get rid of the scrollbar along the bottom and keep the one on the right, then TBODY would be perfect.

does anyone have any ideas?
my target client is using a mixture of FF1.5 and IE6 so as long as it works in those, i don't mind for general compatibility.

Cheers
Mark
Link to comment
Share on other sites

[!--quoteo(post=359218:date=Mar 28 2006, 12:07 PM:name=redbullmarky)--][div class=\'quotetop\']QUOTE(redbullmarky @ Mar 28 2006, 12:07 PM) [snapback]359218[/snapback][/div][div class=\'quotemain\'][!--quotec--]
anyone?
[/quote]

ok one more go ... anyone?
Link to comment
Share on other sites

This thread is more than a year old. Please don't revive it unless you have something important to add.

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.