joh6nn
11-15-2002, 02:32 AM
i'm trying to assign some styling to col's in a table. it's working just as i'd expected in IE, but it's not working at all in moz. here's a mock up of what i've got ( this isn't online yet, or i'd link to it ):
<table id="content" border="0" cellpadding="0" cellspacing="0" columns="4">
<colgroup>
<col id="left" />
<col span="2" />
<col id="right" />
</colgroup>
<tr height="100">
<td>column 2</td>
<td>column 2</td>
<td>column 3</td>
<td>column 4</td>
</tr>
<tr height="100">
<td>column 1</td>
<td colspan="2">column 2</td>
<td>column 3</td>
</tr>
<tr height="100">
<td>column 2</td>
<td>column 2</td>
<td>column 3</td>
<td>column 4</td>
</tr>
</table>
and in my style sheet, i've got this:
#left {
background: url("../beta/left.gif") repeat-y;
background-position: left top;
width: 100px;
}
#right {
background: url("../beta/right.gif") repeat-y;
background-position: right top;
width: 100px;
}
<table id="content" border="0" cellpadding="0" cellspacing="0" columns="4">
<colgroup>
<col id="left" />
<col span="2" />
<col id="right" />
</colgroup>
<tr height="100">
<td>column 2</td>
<td>column 2</td>
<td>column 3</td>
<td>column 4</td>
</tr>
<tr height="100">
<td>column 1</td>
<td colspan="2">column 2</td>
<td>column 3</td>
</tr>
<tr height="100">
<td>column 2</td>
<td>column 2</td>
<td>column 3</td>
<td>column 4</td>
</tr>
</table>
and in my style sheet, i've got this:
#left {
background: url("../beta/left.gif") repeat-y;
background-position: left top;
width: 100px;
}
#right {
background: url("../beta/right.gif") repeat-y;
background-position: right top;
width: 100px;
}