Is there any way to make tables scalable? For example I am trying to make this table oriented site (since CSS was not cross compatible in IE/FF for some reasons) scalable, is it possible? What needs changing?
Code:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <title>3 Column Layout</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <style type="text/css"> * { margin:0; padding:0; } BODY { background-color:#000; font-size:16px; } a { color:#807859; text-decoration:none; } a:hover { text-decoration:underline; } .header { background-color:#000; padding:8px; } .topleft { background-color:#990000; color:#FFFFFF; } .midleft { background: url("http://www.roma-victor.com/images/col_bg_l.jpg"); width:10em; background-color:#000; } .bottomleft { line-height: 129px; background: no-repeat url("http://www.roma-victor.com/images/col_bot_l.jpg"); background-color:#000; } .topmiddle { } .middle { color:#FFFFFF; background-color:#000000; } .bottommiddle { color:#FFFFFF; background-color:#000000; } .topright { background-color:#990000; color:#FFFFFF; } .midright { background:url(pillar.jpg); width:10em; background-color:#000; } .bottomright { line-height: 129px; background:no-repeat url(pillarbottom.jpg); background-color:#000; } .leftdivider { padding-left:15%; } </style> </head> <body> <div class="leftdivider"> <table width="80%" cellpadding="0" cellspacing="0"> <tr> <td class="topleft"> <center> Online Users<br /> ---<br /> Test1<br /> Test2<br /> </center></td> <td class="topmiddle"><img src="http://www.calracia.com/cr_banner.png" /></td> <td width="15%" class="topright"> <center> Online Users<br /> ---<br /> Test1<br /> Test2<br /> </center></td> </tr> <tr> <td class="midleft"> </td> <td class="middle"> <p> Welcome to the home of Legio XVIII, also known as the 18th, a roleplaying Legion guild for the historically authentic Roman Empire MMORPG, Roma Victor. </p><p> Seeking enlistment within the ranks of the 18th Legion? Register with our Forums and tell us about yourself. </p> <p> September 17, 2006 </p><p> The 24th and 28th Legions officially merged today on the steps of the temple of Jupiter, under the watchful eye of the bust of our benevolent Emporer, Commodus. Under command of Legatus Numerius Ageus Barrius and newly appointed Tribunus Laticlavius, Marcus Felix Volaginius, the 18th Legion has officially been born. May the gods watch over Rome's greatest Legion and marvel at its future accomplishments. </p><p> An auxiliary cohort has been officially connected with the 18th Legion. Led by Prefect Wilrad Vlad Herrad, the Cohors I Britannica has marched into southwest Caledonia. May Mars bless the courageous soldiers of this honourable unit. </p> <td class="midright"> </td> </tr> <tr> <td class="bottomleft"> <br/></td> <td class="bottommiddle"> <br/></td> <td class="bottomright"> <br/></td> </tr> </table> </div> </div> </body> </html>
) was that the images were being padded in FireFox, and not in IE. So when it came to them aligning (pillar bottom aligning with pillar), there was a line dissecting it.
Bookmarks