I'm developing a page whose content is a table, the body of which will scroll up under the header. Actually it's two tables, the upper one only has the THEAD element, which remains fixed. The lower table scrolls up.

http://www.holidaymullandiona.com/test/users.html

For test purposes I've reduced the table to May & June, and taken out all the PHP and MySQL.

I've got this looking as I want it in Firefox 17. So far I've only tried it in IE9 as well, but there's no vertical Scroll-bar in IE9, and the text in the footer isn't centred.

Because there's a vertical scroll bar in the lower table, I've introduced an additional blank cell in the header. This makes it quite difficult to keep the two tables aligned.

My main problem is that to achieve this layout in Fx17 I've had to apply specific widths to the tables. In practice the number of columns may vary (according to the data from MySQL), so I need the tables to be of variable width. I can't believe this is actually very difficult, but it has eluded me so far. I've tried 'width:auto' and other things.

Can anyone help, please ?

Regards,

Tim Dawson








--
Tim Dawson
Maolbhuidhe
Fionnphort
Isle of Mull  PA66 6BP

01681 700718
______________________________________________________________________
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to