Question

I have a table encoded with HTML that sets the table width, plus the column widths.

When I have plenty of wording to fill a line in each column, the table goes full width. However, in my last column I have a very short-word list of wiki links. The column tightens up and the three columns do not fill out to 100%. So I have three smaller columns on top of three full-width columns in my table.

Is this a bug? Browser issue? I don't think it's my coding; I've checked that.

Thanks in advance for your help.

Environment

-- LisaAkari - 04 Jan 2006

Answer

If you answer a question - or someone answered one of your questions - please remember to edit the page and set the status to answered. The status selector is below the edit box.

Each browser has a somewhat different behaviour on table table width. You can control that somwhat by specifying a width of 100% for the table and a width of 33% for each of the three columns (or whatever ratio you want). To control the width precisely I sometimes use a transparent 1x1 pixel gif streched to the desired width inside a table cell.

-- PeterThoeny - 04 Jan 2006

I have definitely set the width to 100% and each column to 33. I've checked my coding and it's correct. The only way I could get the table to stretch out was to add enough text to wrap to anything in the last column. I will try your pixel gif tip. That's a nice trick.

-- LisaAkari - 06 Jan 2006

I tried the pixel image and that was cool but the column widths still fluctuated. I finally changed the width to be 100 px instead of % and the width to 33 px and that fixed the problem.

-- LisaAkari - 07 Jan 2006