Well i just now finally joined a web design forum after half a semester of taking web design at my high school, and i love it, although I finally set forth to my own projects, and I've stumbled upon some problems. I am trying to redo my schools home page, (which was made with front page and lots of tables
) and I'm using DIVs as the basic layout formatting. The page consists of 3 DIVs (#header, which is the top bar, #leftcol, which is the side bar with the links, and #content, which is the the rest of the page that is in the white background, and is where most of the information is going to go. #maindiv holds it all in, and seemed to be the only solution i could find to keep everything from wrapping!
Everything looks great in Internet Explorer (which i know isn't smiled upon, but hey, compatability makes perfect!)
The problem is, I can't seemed to get it centered in Firefox or Google Chrome.
Another thing is, i used a fixed layout, and after reading other forums, people seemed to have gotten the stink eye for it, but when i tried to use a fluid layout, everything would fall apart and the divs would go on a wrapping spree messing up my whole layout!.
I really appreciate any help / advice / tips, heres my code.
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<!--
Author: Will Randolph
-->
<link rel="stylesheet" type="text/css" href="chsstyles.css">
<title>Clinton High School</title>
</head>
<body>
<div id="maindiv">
<div id="header"><span style=
"text-align:center;font-size: 200%;">Clinton High School</span><br>
<i><font face="times" size="5" color="#333333">"Commited to High
Standards"</font></i><br>
<marquee style=
"height:22%;vertical-align: bottom; background-color: black; color: white; font-size: 15px">
Announcements Announcements Announcements
Announcements</marquee></div>
<div id="leftcol"><img class="headlogo" src="headlogo.gif" alt="">
<p><a class="leftlink" href=
"http://www.chs.acs.ac/generalinfo/INFO.htm">General<br>
Information</a></p>
<p><a class="leftlink" href=
"http://www.chs.acs.ac/chshistory/chshistory.htm">CHS
History</a></p>
<p><a class="leftlink" href=
"http://www.acs.ac/Calendar/Approved%20Calendar%202008-09.pdf">Calendar</a></p>
<p><a class="leftlink" href=
"http://www.chs.acs.ac/clinton%20high%20misc/CHS_Tutoring_Opportunities_08-09[1].doc">
Tutoring<br>
Opportunities</a></p>
<p><a class="leftlink" href=
"http://www.chs.acs.ac/library/main.htm">Library</a></p>
<p><a class="leftlink" href=
"http://www.chs.acs.ac/departments/counseling/counselingmain.htm">Counseling</a></p>
<p><a class="leftlink" href=
"http://www.chs.acs.ac/Staff/STAFFCHS.htm">Staff</a></p>
<p><a class="leftlink" href=
"http://www.chs.acs.ac/departments/departments.htm">Departments</a></p>
<p><a class="leftlink" href=
"http://www.chs.acs.ac/activities/CHSactiv.html">Activities</a></p>
<p><a class="leftlink" href=
"http://www.chs.acs.ac/CHSsports/main.htm">Athletics</a></p>
<p><a class="leftlink" href=
"http://www.chs.acs.ac/wall%20of%20fame/Wall%20Of%20Fame%20Nomination%20form.doc">
CHS Wall of<br>
Fame Form</a></p>
</div>
<div id="content">
<p style=
"font-size:100% ;font-family:sans-serif,;font-style: normal; font-weight: lighter; text-align: left;">
Clinton High School, located in Clinton, Tennessee, is a comprehensive high school serving approximately 1250
students in grades 9-12, is fully accredited by the Southern
Association of Colleges and grading periods. The school operates on
a block schedule which consists of four 90 minute classes.<br>
<br>
The Clinton High School community fosters a commitment to high
standards at all T.I.M.E.S. (Teach, Inspire, Motivate, Empower,
Support)</p>
</div>
</div>
</body>
</html>
Heres the external style sheet.
Code:
body {
background: black;
margin: 0 0 0 0;
overflow:auto;
text-align: center;
}
#maindiv {
position: relative;
height: 514px;
width:1000px;
margin: 0 0 0 0;
text-align: center;
left: 50%
margin-left: -500px;
}
img.headlogo {
border-width: 0;
clear: left;
}
a.leftlink:hover {color: orange; font-weight: bold}
#header {
background: orange;
width:88%;
height: 16%;
float: right;
}
#leftcol {
background: black;
text-align: left;
border: none;
float: left;
width: 12%;
height: 100%;
}
a.leftlink {
text-align: center;
font-size: 100%;
color: white;
font-style: normal;
text-decoration: none;
overflow:auto
}
#content {
height: 99%;
background: white;
border: none;
border-width: 0;
float: right;
width: 88%;
margin: 0 0 0 0;
}
I've been using a WYSIWYG that puts it in for me, and imagine that it would actually make me an invalid one! lazy on my part, so i deserve it i guess lol. Our whole school uses IE so while I'm working on it over there it all looks fine and dandy to me haha. Well time to put google chrome and firefox on my usb flash drive 
Thanks!
