Coding Forum

**kintantee** · 09-09-2003, 05:52 AM

I'm trying to make a small table with 2 rows and 3 columns.
I want the first and third columns to be small columns and the second column, the middle column, to take up all the space in between. I do this by setting a specified table width, then specifing widths on columns 1 and 3, and then not specifing a width for the second (middle) column.

This seems to work, until I make the second row. It spans all 3 columns (colspan=3). When a few letters are written in this cell, the table stays fine, but when text (or an image) reaches the middle of the table, the cells in the first row get all out of whack. Why does it do this?

Thanks for reading, and hopefully helping... - Jesse

Oh, here's some code: (table looks fine unless the colspan=3 column has lots of text in it)

<html>
<body>

<table width=200 border=1 cellpadding=0 cellspacing=0 bordercolor=black>

<tr height=50>
<td width=50> </td>
<td> </td>
<td width=50>  </td>
</tr>
<tr height=50>
<td colspan=3 align=center> </td>
</tr>
</table>

</body>
</html>

**The Crow** · 09-09-2003, 06:56 AM

try this
http://thecrowshow.com/paste/program-files/table.html

**kintantee** · 09-09-2003, 12:41 PM

My problem is that I eventually want the whole table width set at 100% of window width, that way the side columns are fixed and the middle column fills the rest of the space in the browser window. But I can't get this simple example to work!

**david** · 09-09-2003, 01:36 PM

This seems to work for me:

Code:

<table width="100%" border="0" cellpadding="1">
  <tr> 
    <td width="50">&nbsp;</td>
    <td>
	&nbsp;
</td>
    <td width="50">&nbsp;</td>
  </tr>
  <tr> 
    <td colspan="3">&nbsp;</td>
  </tr>
</table>

**kintantee** · 09-09-2003, 02:45 PM

sure that works fine, but turn the border on and start putting a whole bunch of text in the colspan=3 row. If I type enough characters to fill about half the cell, the row above starts to screw up. Why is that?

**kintantee** · 09-09-2003, 08:53 PM

here's an interesting bit. This works:

<tr height=50>
<td width=50> </td>
<td> </td>
<td width=50>  </td>
</tr>
<tr height=50>
<td colspan=3><img src="images/spda_title.gif" height=50 width=114></td>
</tr>
</table>

but changing the img width to 115 or anything higher makes row 1 go nuts! (nuts=bad) What's the deal?

**kintantee** · 09-09-2003, 08:55 PM

oops, forgot... the first line is:
<table width=100% border=1 cellpadding=0 cellspacing=0 bordercolor=black>