PDA

View Full Version : Simple Layout problem



ssri
Jun 3rd, 2010, 11:55 PM
I want to make a html table with single row, 2 columns.

The columns should fill the page with width in the ratio. 80% : 20%.

In the first column I want to have 3 rows to completely fill the first column.

Can anyone suggest something that works?

Thanks.

optimus203
Jun 4th, 2010, 12:02 AM
Something like this?



<table style="width:100%;">
<tr>
<td style="width:80%;">
<table style="width:100%;">
<tr>
<td>Row 1</td>
</tr>
<tr>
<td>Row 2</td>
</tr>
<tr>
<td>Row 3</td>
</tr>
</table>
</td>
<td style="width:20%;">Column 2
</td>
</tr>
</table>

ssri
Jun 4th, 2010, 12:19 AM
Thanks very much.

This works. The problem is that the first three rows from the first column dont fill the width of the column.

Any ideas?

ssri
Jun 4th, 2010, 12:41 AM
My tag had a small error with a semicolon at the wrong place. It works now! thanks heaps.

_Aerospace_Eng_
Jun 4th, 2010, 12:58 AM
Tables aren't meant for page layout. If you are displaying data, then fine but otherwise you shouldn't use a table.

optimus203
Jun 4th, 2010, 01:03 AM
Aerospace is absolutely right. If your using this table for layout purposes, you should go strictly Div based.