No replies
rdunnill
Offline
newbie
Last seen: 18 years 35 weeks ago
Joined: 2004-07-21
Posts: 2
Points: 0

Is there any way to duplicate the following structure with CSS:

<TABLE CELLSPACING="3" WIDTH="100%" CELLPADDING="3" BORDER="0">
<TBODY> <TR>
<TD COLSPAN="2" HEIGHT="20"></TD>
</TR>
<TR>
<TD CLASS="MAINTEXT" WIDTH="25%"
VALIGN="TOP" ALIGN="RIGHT">Left:</TD>
<TD CLASS="MAINTEXT" VALIGN="TOP"
WIDTH="75%" ALIGN="LEFT">Right</TD>
</TR>
</TBODY>
</TABLE>

I have something working with IE, but it doesn't work with Netscape and Opera. It consists of an outer DIV with left and right floating DIVs within. Problem is (in Netscape and Opera) if one of the columns is shorter than the other, that column does not fill with empty space, but instead collapses up.

Any suggestions?

Thanks, RD