Results 1 to 2 of 2
-
02-09-2011, 03:57 PM #1Newbie
- Join Date
- Feb 2011
- Posts
- 6
Something wrong with my coding...
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)
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;
}
<!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">
<?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'); ?></div>
</body>
</html>
-
02-09-2011, 11:43 PM #2Web Hosting Master
- Join Date
- Jan 2010
- Location
- San Francisco
- Posts
- 1,800
You have larger problems than simply IE compatibility view setting.
http://img41.imageshack.us/i/colorad...angeaquat.png/
Briefly looking over your CSS, you shouldn't use absolute positioning as your setting it X pixels top and left from the browser window. The screenshot above is what it looks like on a 1680x1050 monitor. If you must use positioning, then create a container div and give that relative positioning so everything inside that is absolute positioned will be relative to your container div and not the viewport (browser window).
Similar Threads
-
* XHTML/CSS Coding * - Affordable and Valid Coding
By BSD4 in forum Design OffersReplies: 0Last Post: 04-19-2009, 04:13 PM -
$70 Valid XHTML Coding, $125 Site design and Coding, $70 WP Integration and more!!!
By ghostbone in forum Design OffersReplies: 0Last Post: 03-02-2009, 12:16 AM -
[HTML] Table Alignment, Coding Correct, Shows it Wrong (Sometimes)
By Barti1987 in forum Programming DiscussionReplies: 2Last Post: 04-10-2005, 05:51 PM -
Offering Coding/PhpBB/VBulletin/OpenBB/IPB Coding
By syphlect in forum Employment / Job OffersReplies: 1Last Post: 05-20-2004, 11:57 PM