Wow. I'm sorry but your code's a mess. You don't need TD and TR for divs, the box is all the way on the left of the screen, an extra image for the content is unnecessary, and don't ever use absolute positioning unless you have to. Use percentages and minimums.
Code: Select all
<html><head>
<title>Wii Reviews! Wii Review The Full Game</title>
<style type="text/css">
#content {
background-color:FFF; height:454; width:477; align:center; text-align:left; border-style: solid; padding:10px;
}
</style>
</head>
<body background="http://i6.photobucket.com/albums/y205/mustangman77/bggreen.png" link="00000 alink="00000" vlink="00000">
<center><a href="http://www.freewebs.com/wii_reviews"><img src="http://i6.photobucket.com/albums/y205/mustangman77/logo.png" border="0">
</a></center>
<center>
<map name="FPMap0">
<area href="http://www.freewebs.com/wii_reviews/reviews.htm" shape="rect" coords="130, 15, 197, 31">
<area href="http://z7.invisionfree.com/ForeverKnights/index.php?act=idx" shape="rect" coords="223, 14, 366, 33">
<area href="http://www.freewebs.com/wii_reviews/rumors.htm" shape="rect" coords="395, 14, 457, 33">
<area href="http://www.freewebs.com/wii_reviews/contactus.htm" shape="rect" coords="485, 14, 587, 34">
</map>
<img src="http://i6.photobucket.com/albums/y205/mustangman77/Linkbanner.png" width="700" height="46" usemap="#FPMap0" border="0">
<br>
<div id="content">
Welcome to Wii Reviews! We are a review site for Nintendo Wii games. On thing that makes us different is that we complete the game BEFORE we review it. That way, if the game gets really good after the first couple of levels, we will know this and we will review the game more accurately.
</div></center></html>
This should render properly in just about anything; it works on IE 6, Firefox 2, and Opera Mobile on my PDA.
Try to get used to using CSS, it makes it easier to manually edit pages (instead of wading through your formatting), and depending on how you style the pages an external CSS file will save you bandwidth.
Here's a copy that has almost all the formatting in the style tags:
Code: Select all
<html><head>
<title>Wii Reviews! Wii Review The Full Game</title>
<style type="text/css">
#content {background-color:FFF; height:454; width:477; align:center; text-align:left; border-style: solid; padding:10px;}
body {background-image: url('http://i6.photobucket.com/albums/y205/mustangman77/bggreen.png');}
A:link {color:000}
A:visited {color:000}
img {border:0}
</style></head><body>
<center><a href="http://www.freewebs.com/wii_reviews"><img src="http://i6.photobucket.com/albums/y205/mustangman77/logo.png">
</a></center>
<center>
<map name="FPMap0">
<area href="http://www.freewebs.com/wii_reviews/reviews.htm" shape="rect" coords="130, 15, 197, 31">
<area href="http://z7.invisionfree.com/ForeverKnights/index.php?act=idx" shape="rect" coords="223, 14, 366, 33">
<area href="http://www.freewebs.com/wii_reviews/rumors.htm" shape="rect" coords="395, 14, 457, 33">
<area href="http://www.freewebs.com/wii_reviews/contactus.htm" shape="rect" coords="485, 14, 587, 34">
</map>
<img src="http://i6.photobucket.com/albums/y205/mustangman77/Linkbanner.png" width="700" height="46" usemap="#FPMap0">
<br>
<div id="content">
Welcome to Wii Reviews! We are a review site for Nintendo Wii games. On thing that makes us different is that we complete the game BEFORE we review it. That way, if the game gets really good after the first couple of levels, we will know this and we will review the game more accurately.<br>
</div></center></html>
Let's see tables do THAT!
You can take everything between the style tags and put it in an external CSS file and link to it like this:
Code: Select all
<link rel="stylesheet" type="text/css" href="http://www.freewebs.com/yourdomain/path/to/stylesheet.css"/>
(You can get rid of the style stuff in the individual pages if you do it this way.)
Separating your content and formatting as much as possible makes editing pages a lot easier, and you won't waste space on repetitive formatting.
