Hi there,

I have problems with setting up some widths .. I know tables are
not loved here, but I got some code which I have to extend now
and I don't want to start from scratch ...
I have some columns witch have to have a fix width
due to the given layout and following to the right I need column
allways filling up the rest. So far I got it to work but the problem is:
The column filling up the rest now has to be divided into 2 parts.
The first part must be 90% of the rest and is containing 2 elements.
The first element must be left aligned, the second right aligned (and
moving along when resizing the browser). The 10% is just filled width
a gradient bg.
I really hope that someone can help me out with this, though the code
I have so far is a bit messy ...
Here is what I have:
Code:
<table border="0" cellpadding="0" cellspacing="0">
	<tr>
		<td width="82" height="90"><img src="clear.gif" width="82" height="1" alt="" border="0" /></td>
		<td width="8" style="background:#F3F3F4;"><img src="clear.gif" width="8" height="1" alt="" border="0" /></td>
		<td width="155"><img src="clear.gif" width="155" height="1" alt="" border="0" /></td>
		<td width="8" style="background:#F3F3F4;"><img src="clear.gif" width="8" height="1" alt="" border="0" /></td>
		<td width="100%"><img src="clear.gif" height="1" alt="" border="0" /></td>
	</tr>
	<tr style="background:#F3F3F4;">
		<td colspan="5" height="8"><img src="clear.gif" width="1" height="1" alt="" border="0" /></td>
	</tr>
	<tr style="background:#F3F3F4;">
		<td height="124"><img src="clear.gif" width="1" height="1" alt="" border="0" /></td>
		<td><img src="clear.gif" height="1" alt="" border="0" /></td>
		<td><div><img src="clear.gif" width="155" height="124" alt="" border="0" /></div></td>
		<td><img src="clear.gif" width="1" height="1" alt="" border="0" /></td>
		<td style="width:100%;" align="left" style="height:124px;">
			<!-- start: area with 90% width -->
				<!-- element with fixed width, left aligned -->
				<!-- element with fixed width, right aligned -->
			<!-- :end area with 90% width -->
			
			<!-- start: area with 10% width -->
				
			<!-- :end area with 10% width -->
		</td>
	</tr>
	<tr>
		<td style="height:8px;" colspan="5"><img src="clear.gif" width="1" height="1" alt="" border="0" /></td>
	</tr>
</table>