When I execute something like that(regular html),the inner tables don't "stretch" themselves to the end of the main table's width... why is that? I wrote the style with no border as you can see
/*this is the css file*//*general text styling*/font,th,td,p { font-family: Verdana, Arial, Helvetica, sans-serif;}/*links styling*/a:link,a:active,a:visited {font-size:11px; text-decoration: none; color:#113C70; }a:hover { text-decoration: underline; color : #113C70; }table {border-width: 0px; border-style: none; height:100%; width:100%;}table.mainTable {background-color: #dbe3ee; }
<html><head><title>Guitaring</title><link rel="stylesheet" type="text/css" href="style.css"><script language="javascript"></script></head><body><table class="mainTable"> <tr height="110"> <td> <table background="images/logo_cell.jpg"> <tr> <td> <center><p style="font-color: white; font-size:300%;"><b>GUITARING</b></font></p></center> </td> </tr> </table> </td> </tr>.........</table></body></html>