...

View Full Version : problem with fixed widths combined with percent values



luckyfella73
05-12-2009, 11:20 AM
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:


<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>



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum