full screen table

liunx · Jan 9, 2008

Hi! 
 
I'm trying to desing a site so it adjust to the window. The problem is that I want three cols having borders of 1px and NS4 just gets its width almost randomly. 
Ok, I'm not explaining myself very well so here's the code: 
 
______________________________________________ 
<html> 
<body> 
<table width="100%" border=0 cellpadding=0 cellspacing=0> 
<tr> 
<td bgcolor="#000000"><img src=http://www.htmlforums.com/archive/index.php/"img/spacer.gif" width=1 height=100></td> 
<td bgcolor="#FF0000"><img src=http://www.htmlforums.com/archive/index.php/"img/spacer.gif" width=150 height=100></td> 
<td bgcolor="#000000"><img src=http://www.htmlforums.com/archive/index.php/"img/spacer.gif" width=1 height=100></td> 
<td><img src=http://www.htmlforums.com/archive/index.php/"img/spacer.gif" width=2 height=1></td> 
<td bgcolor="#000000"><img src=http://www.htmlforums.com/archive/index.php/"img/spacer.gif" width=1 height=100></td> 
<td width=100% bgcolor="#00FF00"><img src=http://www.htmlforums.com/archive/index.php/"img/spacer.gif" width=1 height=100></td> 
<td bgcolor="#000000"><img src=http://www.htmlforums.com/archive/index.php/"img/spacer.gif" width=1 height=100></td> 
<td><img src=http://www.htmlforums.com/archive/index.php/"img/spacer.gif" width=2 height=1></td> 
<td bgcolor="#000000"><img src=http://www.htmlforums.com/archive/index.php/"img/spacer.gif" width=1 height=100></td> 
<td bgcolor="#0000FF"><img src=http://www.htmlforums.com/archive/index.php/"img/spacer.gif" width=100 height=100></td> 
<td bgcolor="#000000"><img src=http://www.htmlforums.com/archive/index.php/"img/spacer.gif" width=1 height=100></td> 
</tr> 
</table> 
</table> 
</body> 
</html> 
______________________________________________ 
 
Any help would be great. Thanks in advance

I guess the problem is than NS4 doesn't like the "<td width=100%>" so I've tried to substitute that percent width with a very high pixel width. 
 
In normal conditions it's supossed that if I put something like "<td width=10000>" the browser would display a huge scrolling bar but since the table has "width=100%" it doesn't appear a scrollbar at all! 
 
Check it! It has worked for me. Here, the new code: 
 
___________________________________________________________ 
<html> 
<body> 
<table width="100%" border=0 cellpadding=0 cellspacing=0> 
<tr> 
<td bgcolor="#000000"><img src=http://www.htmlforums.com/archive/index.php/"img/spacer.gif" width=1 height=100></td> 
<td bgcolor="#FF0000"><img src=http://www.htmlforums.com/archive/index.php/"img/spacer.gif" width=150 height=100></td> 
<td bgcolor="#000000"><img src=http://www.htmlforums.com/archive/index.php/"img/spacer.gif" width=1 height=100></td> 
<td><img src=http://www.htmlforums.com/archive/index.php/"img/spacer.gif" width=2 height=1></td> 
<td bgcolor="#000000"><img src=http://www.htmlforums.com/archive/index.php/"img/spacer.gif" width=1 height=100></td> 
<td width=10000 bgcolor="#00FF00"><img src=http://www.htmlforums.com/archive/index.php/"img/spacer.gif" width=1 height=100></td> 
<td bgcolor="#000000"><img src=http://www.htmlforums.com/archive/index.php/"img/spacer.gif" width=1 height=100></td> 
<td><img src=http://www.htmlforums.com/archive/index.php/"img/spacer.gif" width=2 height=1></td> 
<td bgcolor="#000000"><img src=http://www.htmlforums.com/archive/index.php/"img/spacer.gif" width=1 height=100></td> 
<td bgcolor="#0000FF"><img src=http://www.htmlforums.com/archive/index.php/"img/spacer.gif" width=100 height=100></td> 
<td bgcolor="#000000"><img src=http://www.htmlforums.com/archive/index.php/"img/spacer.gif" width=1 height=100></td> 
</tr> 
</table> 
</body> 
</html> 
___________________________________________________________I'm a little confused. all you did was made a cell the same size that had a img in it and did nothing. it will only be as big as the img is anyway. 
 
<td width=10000 bgcolor="#00FF00"><img src=http://www.htmlforums.com/archive/index.php/"img/spacer.gif" width=1 height=100></td> 
 
 
make it 100% and it looks the same. I never have problems with NS4.x and td width=100% 
 
if you want to have the table so it sets up correctly in all window sizes just make the middle cell a % and a fixed cell width for the 2 outer ones. that way it stays the same as teh middle contracts or expands.Hi! 
 
The problem is that if I want to have more than 3 columns in that "fixed % fixed way" NS wont render it correctly. 
At least it haven't done for me. I mean: I want three cols having 1px border each one. I want that borders to expand all the height of each column (so thats why I haven't used a nested table inside the fixed width tables). 
 
Well, my desired layout would be then: 
 
px(border) | px(contents) | px(border) 
for the side tables and: 
 
px(border) | %(main contents) | px(border) 
for the middle table. 
 
The problem comes when I use the 100% in the middle table (main contents). NS4 (NS6 renders correctly) wont allow me to have the 1px borders and instead would make then like 8 or more pixels wide. 
 
Test the first code I posted to see what I mean. First look how IE renders it (the correct layout) and then how NS4 do it. I can send you a screenshot if you like

I know my workaround is not the best but actually is the only one that has worked for me and also the one with less code adittion (just 6 chars!

) 
 
C ya!Hi again! 
 
Well, at least my code didn't work because the middle cell finally got 10000 pixels wide when inserted a nested 100% table inside

So I checked again with a 100% cell in the middle and this time it worked! Seems that the problem comes when the content inside the 100% middle cell does not fill it completely. Damned NS4, I hope it'll day soon *lol* 
 
Thanks anyway, bye

full screen table

liunx

Guest