|
|
Posted by Domestos on 05/04/06 12:02
Hi,
I am having problems sizing a table correctly.
I have a three column table. Column 1 and 3 need to be 200 pixels in width
fixed, and column 2 (the middle one) needs to be expandable to fill the
window, no matter what size it is. Whether they be working on a 800x600
window or a 1280x1024 window.
The full table width should be no less than 800 (i.e 200+600+200) therefore
column two need to expand so the table fills the window, but does disband
below 600 in width.
I have thought about using a transparent filler image set at 1 pixel high by
600 wide at the top of the middle column, but is there another way round
this? Could CSS do the trick? or is thier some HTML code that can help me
out?
Here is the code I have so far...
<html>
<head>
</head>
<body>
<table cellspacing="0" cellpadding="0" border="1" height="400" width="100%">
<tr>
<td width="200">a</td>
<td width="600">b</td>
<td width="200">c</td>
</tr>
</table>
</body>
</html>
As you can see, at full screen they all seem to be about right, but all 3
columns seem to get squashed when you make the window smaller...
Any ideas?
--
Thanks,
Andy Mak
Navigation:
[Reply to this message]
|