Table size based on browser size?

I have tables and they are set up like this:

<TABLE>
<TR>
<TD WIDTH=20%>&nbsp;</TD>
<TD WIDTH=60%>&nbsp;</TD>
<TD WIDTH=20%>&nbsp;</TD>
</TR>
</TABLE>

However, the middle frame only expands to fit what content is inside it, not how wide the browser is.

How can I make it so it is always the same size even if there is no content in it?

try this:

Code:

---

<TABLE width="100%">
<TR>
<TD WIDTH=20%> </TD>
<TD WIDTH=60%> </TD>
<TD WIDTH=20%> </TD>
</TR>
</TABLE>

---

It is better, but now the right 20% column has vanished, leaving 20% and 80% columns. But thats not how I coded it...

Hmmm... for some reason it works now, ended up using no width tags in <TD> tags, and using this <TABLE> tag:

<TABLE Width=100% COLS=20%,60%,20% CELLPADDING=6px BORDER=0>

Oh well.

Quote:

---

Originally posted by Sastraxi
It is better, but now the right 20% column has vanished, leaving 20% and 80% columns. But thats not how I coded it...

---

Thats strange because it works fine for me...
Oh well, at least you got it working

Actually I realised why all my other attempts weren't working;

I was using an ASP page and it was cached...
Thanks for your support!

If you dont want the column to be vanished use nowrap in your TD tag. :)