Ohboy. It's hard to know where to start with this page. Reading your code
from the top:
1. Your page (and all pages) *must* have a valid and complete doctype.
This tells the browsers how to render the page, and it tells the validators
how to validate the page. If a browser doesn't find a valid and complete
doctype, the page will be rendered in Quirks (or bugwards) mode - and that's
a lousy thing to do to a page that you have spent lots of time working on.
Change this -
<html>
to this -
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"
http://www.w3.org/TR/html4/loose.dtd">
<html>
2. Your page has a misplaced <head> tag. It (and all pages) surely needs
to have this in the proper location.
Change this -
<html>
to this -
<html>
<head> (#4 below will take care of the misplaced one)
3. Your page has this antique and non-functional code on it -
<script language=JavaScript>
<!--
//Disable right mouse click Script
//By Maximus (
[email protected]) w/ mods by DynamicDrive
//For full source code, visit
http://www.dynamicdrive.com
var message="Function Disabled!";
///////////////////////////////////
function clickIE4(){
if (event.button==2){
alert(message);
return false;
}
}
function clickNS4(e){
if (document.layers||document.getElementById&&!document.all){
if (e.which==2||e.which==3){
alert(message);
return false;
}
}
}
if (document.layers){
document.captureEvents(Event.MOUSEDOWN);
document.onmousedown=clickNS4;
}
else if (document.all&&!document.getElementById){
document.onmousedown=clickIE4;
}
document.oncontextmenu=new Function("alert(message);return false")
// -->
</script>
Please remove it completely from this (and all pages).
4. Your page's misplaced <head> tag *and* a misplaced <body> tag are here -
Change this -
<body ondragstart="return false" onselectstart="return false">
<META HTTP-equiv="imagetoolbar" CONTENT="no">
<head>
to this -
<META HTTP-equiv="imagetoolbar" CONTENT="no">
(deleted the redundant <body> tag, and the redundant <head> tag)
5. Something went awry with your execution of my suggestion. Change this -
</script>
</head>
<div align="center"> to <div id="wrapper">
to this -
</script>
</head>
6. Change this -
<div style="position: absolute; width: 900px;
to this -
<div id="wrapper">
<div style="position: absolute; width: 610px;
7. Skipping all the way down to the bottom of the page, change this -
</body>
to this -
</div>
</body>
Now - add the CSS. Change this -
</head>
to this -
<style type="text/css">
#wrapper { width:610px; margin:0 auto; }
</style>
</head>
That should get you started.
