It has been quite a few years since I last made a site so my html is pretty rusty I suppose. I am not sure which part of my coding is messed up. If you look at my rough draft site in Firefox and IE in regular and compatibility mode you can see there are some big differences.
http://free.hostultra.com/~qwertyem/
(don't click on the links they don't really exists)
Quote:
body {
margin-left: auto;
margin-right: auto;
width: 925px;
background-color: #FFFFFF;
font-size: 14px;
color: #000000;
font-family: Verdana, Geneva, sans-serif;
background-image: url(images/bg.png);
background-repeat: repeat-y;
background-position: center;
}
h1 {
color: #FFFFFF;
font-size: 22px;
border: none;
width: 230px;
height: 22px;
font-family: Verdana, Geneva, sans-serif;
text-align: left;
letter-spacing: 2px;
background-color: #aaaaaa;
margin-left: auto;
margin-right: auto;
}
h2 {
color: #FFFFFF;
font-size: 22px;
border: none;
width: 585px;
height: 22px;
font-family: Verdana, Geneva, sans-serif;
text-align: left;
letter-spacing: 2px;
background-color: #aaaaaa;
margin-left: auto;
margin-right: auto;
}
a:link {
color: #000000;
}
a:hover {
color: #828282;
}
a:visited {
color: #000000;
}
#banner {
position: absolute;
top: 0px;
width: 925px;
}
#nav {
position: absolute;
left: 860px;
top: 254px;
width: 230px;
text-align: center;
}
#main {
position: absolute;
left: 249px;
top: 251px;
width: 585px;
text-align:justify;
}
|
Quote:
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Colorado Aquatic Plants Enthusiasts</title>
<link href="css.css" rel="stylesheet" type="text/css" />
<meta name="description" content="CAPE is currently an online non-profit community created for the Planted Tank Hobbiyists that resides in the State of Colorado.">
<meta name="keywords" content="colorado, aquatic, plants, enthusiasts">
<meta name="copyright" content="Colorado Aquatic Plants Enthusiasts">
<meta name="author" content="Colorado Aquatic Plants Enthusiasts">
<meta name="email" content="admin@colorado-aquascapers.net">
<meta name="Charset" content="UTF-8">
<meta name="Distribution" content="Global">
<meta name="Rating" content="General">
<meta name="Robots" content="INDEX,FOLLOW">
<meta name="Revisit-after" content="7 Days">
</head>
<body>
<div id="banner"><img src="images/cape.png" border="0" alt=""/></div>
<div id="nav">
<h1> NAVIGATION </h1>
<a href="forums.php"> Forums</a> <br /><br />
<a href="index.php">Home</a><br />
<a href="staff.php">Staff</a><br />
<a href="support.php">Support CAPE</a><br />
<a href="links.php">Links</a><br />
<h1> DONATE </h1>
<form action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="L5JED38XRBP8A">
<input type="image" src="https://www.paypal.com/en_US/i/btn/btn_donateCC_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
<img alt="" border="0" src="https://www.paypal.com/en_US/i/scr/pixel.gif" width="1" height="1">
</form>
<h1> SPONSERS </h1>
<h1> CREDITS </h1>
Copyright © 2011 Colorado Aquatic Plants Enthusiasts (CAPE)<br />
</div>
<div id="main">
|
Quote:
<?php require('header.php'); ?>
<h2> TANK OF THE MONTH </h2>
coming soon...
<h2> WELCOME </h2>
Welcome to the Colorado Aquatic Plants Enthusiasts (CAPE) website! CAPE is currently an online non-profit community created for the Planted Tank Hobbiyists that resides in colorful State of Colorado.
<br /> <br />
Membership is free and open; whether you are a seasoned Planted Tank Hobbyist, or thinking about venturing to the green side, or just love keeping aquariums in general, you are welcomed to join!
<?php require('footer.php'); ?>
|
Linear Mode
