Ok, so for the last 10 hours I have been playing with trying to convert my site from using a table structure to a CSS structure. I have gotten quite a ways, but I can’t figure out how to keep everything centered on screen no matter the size of the window, and how to get the main content area w/ copyright at the bottom. I am also not sure if all the margin stuff I have all over is necessary. Can someone help clear this up.
Site using tables is [url]www.blakestoltman.net
my new code thus far which is suppose to look identical is this, i do know most of my styles are in line. once I had it complete I planned to tear them out and put them in a normal CSS call.
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” “
<html xmlns=”
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=iso-8859-1″ />
<title>BlakeStoltman.net: Alternative History, & News</title>
<style type=”text/css”>
<!–
body {
background-color: #86AEF2;
}
a:link {
color: #000000;
}
a:visited {
color: #000000;
}
a:hover {
color: #000000;
}
a:active {
color: #000000;
}
mainlogo {
}
.style3 {font-size: 18px}
.style4 {font-size: 16px}
–>
</style>
</head>
<body>
<div id=”mainlogo” style=”position: absolute; margin-width: 200px; margin-right: 200px; background-color: #ACC8F6;”>
<img src=”images/towerlogo.png” width=”200″ alt=”” height=”335″ />
<div style=”margin-width: 200; margin-right: 200; background-color: #ACC8F6;”>
<img src=”images/topicbar.png” alt=”” width=”200″ height=”25″ />
</div>
<div id=”sidemenubar” style=”margin-width: 200; margin-top: 10; margin-right: 200; background-color: #ACC8F6;”>
<?php include(“sidemenu.php”); ?>
</div>
</div>
<div id=”banner” style=”position: absolute; left: 208px; background-color: #C8DAF9; background: url(/images/parchment.png);”>
<img src=”images/banner.gif” width=”600″ alt=”” height=”108″ border=”0″ usemap=”#navbar” />
</div>
<?php include(“topmenu.php”); ?>
</body>
</html>