Bear-Max
22-02-2007, 09:06 PM
Hey guys,
I'm making a website at the moment with *gasp* tables. I've been told it's stupid and I should use CSS but alas I don't know much of it. Anyways I was coding fine and the site looked fine in Firefox, but when I opened up in IE7 the tables were skewed (and for no obvious reason).
You might also be happy to know you're getting a sneak preview at something I wasn't planning to show anyone until I opened the site.
<html>
<head>
<title>Habloomberg</title>
<style type="text/css">
body {font-family: verdana;
color: #000000;
padding: 0;
margin: 0;}
td {font-size: 8pt;
font-weight: bold;
padding: 0;}
.table {top: 190px;
left: 190px;
position: absolute;
padding: 0;
margin: 0;}
.top {align:left;
top: 0px;
left: 0px;
position: absolute;}
</style>
</head>
<body background="images/backgrounds/bglight.gif">
<div class="top">
<img left="0px" border="0px" valign="top" src="images/banner1.gif">
</div>
<div class="table">
<table background="images/backgrounds/bgdark.gif" cellpadding="0" cellspacing="0" width="536">
<tr height="14">
<td width="16" height="14" colspan="1"></td>
<td width="102" height="14" colspan="2"><img width="102" height="14" src="Images/buttons/normal.gif"></td>
<td width="32" height="14" colspan="2"></td>
<td width="102" height="14" colspan="2"><img width="102" height="14" src="Images/buttons/hc.gif"></td>
<td width="32" height="14" colspan="1"></td>
<td width="102" height="14" colspan="2"><img width="102" height="14" src="Images/buttons/seasonal.gif"></td>
<td width="32" height="14" colspan="1"></td>
<td width="102" height="14" colspan="3"><img width="102" height="14" src="Images/buttons/super.gif"></td>
<td width="16" height="14" colspan="1"></td>
</tr>
<tr height="40">
<td colspan="1" width="16"></td>
<td colspan="1" width="42"></td>
<td colspan="1" width="60"></td>
<td colspan="1" width="25"></td>
<td colspan="1" width="7"></td>
<td colspan="1" width="65"></td>
<td colspan="1" width="37"></td>
<td colspan="1" width="32"></td>
<td colspan="1" width="58"></td>
<td colspan="1" width="44"></td>
<td colspan="1" width="32"></td>
<td colspan="1" width="9"></td>
<td colspan="1" width="72"></td>
<td colspan="1" width="21"></td>
<td colspan="1" width="16"></td>
</tr>
<tr>
<td width="58" height="37" colspan="2" rowspan="5"><img width="58" height="37" src="Images/table/furnibase.gif"></td>
<td width="85" height="37" colspan="2" rowspan="5"><img width="85" height="37" src="Images/table/buyingselling.gif"></td>
<td width="72" height="1" colspan="2" rowspan="1" bgcolor="#000000"></td>
<td width="37" height="37" colspan="1" rowspan="5"><img width="37" height="37" src="Images/table/changeup.gif"></td>
<td width="32" height="37" colspan="1" rowspan="5"></td>
<td width="58" height="37" colspan="1" rowspan="5"><img width="58" height="37" src="Images/table/furnibase.gif"></td>
<td width="85" height="37" colspan="3" rowspan="5"><img width="85" height="37" src="Images/table/buyingselling.gif"></td>
<td width="72" height="1" colspan="1" rowspan="1" bgcolor="#000000"></td>
<td width="37" height="37" colspan="2" rowspan="5"><img width="37" height="37" src="Images/table/changedown.gif"></td>
</tr>
<tr>
<td width="72" height="17" colspan="2" rowspan="1" bgcolor="#007C3F">16.4 HC</td>
<td width="72" height="17" colspan="1" rowspan="1" bgcolor="#007C3F">16.4 HC</td>
</tr>
<tr>
<td width="72" height="1" colspan="2" rowspan="1" bgcolor="#000000"></td>
<td width="72" height="1" colspan="1" rowspan="1" bgcolor="#000000"></td>
</tr>
<tr>
<td width="72" height="17" colspan="2" rowspan="1" bgcolor="#0078A2">17.0 HC</td>
<td width="72" height="17" colspan="1" rowspan="1" bgcolor="#0078A2">17.0 HC</td>
</tr>
<tr>
<td width="72" height="1" colspan="2" rowspan="1" bgcolor="#000000"></td>
<td width="72" height="1" colspan="1" rowspan="1" bgcolor="#000000"></td>
</tr>
<tr>
<td height="20" width="100%" colspan="15"></td>
</tr>
</table>
</div>
</body>
<html>
It's messy... I know :)
Thanks, any useful help will be repped.
I'm making a website at the moment with *gasp* tables. I've been told it's stupid and I should use CSS but alas I don't know much of it. Anyways I was coding fine and the site looked fine in Firefox, but when I opened up in IE7 the tables were skewed (and for no obvious reason).
You might also be happy to know you're getting a sneak preview at something I wasn't planning to show anyone until I opened the site.
<html>
<head>
<title>Habloomberg</title>
<style type="text/css">
body {font-family: verdana;
color: #000000;
padding: 0;
margin: 0;}
td {font-size: 8pt;
font-weight: bold;
padding: 0;}
.table {top: 190px;
left: 190px;
position: absolute;
padding: 0;
margin: 0;}
.top {align:left;
top: 0px;
left: 0px;
position: absolute;}
</style>
</head>
<body background="images/backgrounds/bglight.gif">
<div class="top">
<img left="0px" border="0px" valign="top" src="images/banner1.gif">
</div>
<div class="table">
<table background="images/backgrounds/bgdark.gif" cellpadding="0" cellspacing="0" width="536">
<tr height="14">
<td width="16" height="14" colspan="1"></td>
<td width="102" height="14" colspan="2"><img width="102" height="14" src="Images/buttons/normal.gif"></td>
<td width="32" height="14" colspan="2"></td>
<td width="102" height="14" colspan="2"><img width="102" height="14" src="Images/buttons/hc.gif"></td>
<td width="32" height="14" colspan="1"></td>
<td width="102" height="14" colspan="2"><img width="102" height="14" src="Images/buttons/seasonal.gif"></td>
<td width="32" height="14" colspan="1"></td>
<td width="102" height="14" colspan="3"><img width="102" height="14" src="Images/buttons/super.gif"></td>
<td width="16" height="14" colspan="1"></td>
</tr>
<tr height="40">
<td colspan="1" width="16"></td>
<td colspan="1" width="42"></td>
<td colspan="1" width="60"></td>
<td colspan="1" width="25"></td>
<td colspan="1" width="7"></td>
<td colspan="1" width="65"></td>
<td colspan="1" width="37"></td>
<td colspan="1" width="32"></td>
<td colspan="1" width="58"></td>
<td colspan="1" width="44"></td>
<td colspan="1" width="32"></td>
<td colspan="1" width="9"></td>
<td colspan="1" width="72"></td>
<td colspan="1" width="21"></td>
<td colspan="1" width="16"></td>
</tr>
<tr>
<td width="58" height="37" colspan="2" rowspan="5"><img width="58" height="37" src="Images/table/furnibase.gif"></td>
<td width="85" height="37" colspan="2" rowspan="5"><img width="85" height="37" src="Images/table/buyingselling.gif"></td>
<td width="72" height="1" colspan="2" rowspan="1" bgcolor="#000000"></td>
<td width="37" height="37" colspan="1" rowspan="5"><img width="37" height="37" src="Images/table/changeup.gif"></td>
<td width="32" height="37" colspan="1" rowspan="5"></td>
<td width="58" height="37" colspan="1" rowspan="5"><img width="58" height="37" src="Images/table/furnibase.gif"></td>
<td width="85" height="37" colspan="3" rowspan="5"><img width="85" height="37" src="Images/table/buyingselling.gif"></td>
<td width="72" height="1" colspan="1" rowspan="1" bgcolor="#000000"></td>
<td width="37" height="37" colspan="2" rowspan="5"><img width="37" height="37" src="Images/table/changedown.gif"></td>
</tr>
<tr>
<td width="72" height="17" colspan="2" rowspan="1" bgcolor="#007C3F">16.4 HC</td>
<td width="72" height="17" colspan="1" rowspan="1" bgcolor="#007C3F">16.4 HC</td>
</tr>
<tr>
<td width="72" height="1" colspan="2" rowspan="1" bgcolor="#000000"></td>
<td width="72" height="1" colspan="1" rowspan="1" bgcolor="#000000"></td>
</tr>
<tr>
<td width="72" height="17" colspan="2" rowspan="1" bgcolor="#0078A2">17.0 HC</td>
<td width="72" height="17" colspan="1" rowspan="1" bgcolor="#0078A2">17.0 HC</td>
</tr>
<tr>
<td width="72" height="1" colspan="2" rowspan="1" bgcolor="#000000"></td>
<td width="72" height="1" colspan="1" rowspan="1" bgcolor="#000000"></td>
</tr>
<tr>
<td height="20" width="100%" colspan="15"></td>
</tr>
</table>
</div>
</body>
<html>
It's messy... I know :)
Thanks, any useful help will be repped.