percentages in tables

admin

Administrator
Staff member
ok i need help from a GENIUS!<br />
<br />
<!-- m --><a class="postlink" href="http://www33.brinkster.com/casaroma/index.html">http://www33.brinkster.com/casaroma/index.html</a><!-- m --> <br />
<br />
i need someone who can change these table widths and heights in to percentages, and post it here, <br />
(will be very appreciated) Thanx :)<!--content-->hey dynamic,<br />
as far s i can see your size values are in % :<br />
<br />
<table cellspacing="0" cellpadding="0" border="0" width="100%" valign="baseline"><br />
<tr><br />
<td background="background_top.jpg" valign="top" width="100%"><br />
<br />
although i would change it to css<br />
<br />
<style type="text/css"><br />
table.1 {width:100%;height:100%;}<br />
</style><br />
<br />
and then call it in with a class, (table class="1"), at the end throw all the css into an external stylesheet.<br />
<br />
can you expand on your problem with the %'s ?<!--content-->thanx, but see if you scroll down <br />
and deeper in to the script you will find the table where i have the iframe in and when i try to chnge them into percentages it jus all goes wrong sum how, <br />
i have tryed my best to keep it as percentages<!--content-->uffff! see what you mean, i think it's nesting errors that you have, the table on the right with the news isn't nested inside a cell for a start, and there's a few unclosed table tags, have a look at the validators errors (<!-- m --><a class="postlink" href="http://validator.w3.org/check?uri=http%3A%2F%2Fwww33.brinkster.com%2Fcasaroma%2Findex.html&charset=iso-8859-1+%28Western+Europe%29&doctype=HTML+4.01+Transitional">http://validator.w3.org/check?uri=http% ... ansitional</a><!-- m -->) , see where it points out there are unclosed tags and see if that helps.<br />
I can see the layout you have tried doing, you have atable as the header, aand then a table, with three cells in which there is the left nav, main content and right news, within each of these cells you have an embedded table (well actually the right one isnt embedded.<br />
<br />
try this as a guide<br />
<br />
<table.... style="width:100%;"><br />
<tr><td style="width:25%;"><br />
<table cellpadding.....><br />
<tr><td> left hand nav </td></tr></table><br />
</td><br />
<td style="width:50%;"><br />
<table......><br />
<tr><td>main content iframe</td></tr></table><br />
</td><br />
<td style="width:25%;><br />
<table....><br />
<tr><td>right hand news</td></tr></table><br />
</td></tr></table><br />
<br />
left out all the cellpaddin etc which you know, i believe that would give you the center layout you are after<!--content-->
 
Back
Top