Hey, my website is having issues with alignment. On my widescreen monitor it aligns perfectly. On a smaller monitor, the borders are all out of alignment.
Any ideas? My code is posted below.
Chris.
<html>
<head>
<title>WeatherNewsChris</title>
<body background=“background-rain.png”>
<!—CSS—>
<style>
a:link:hover, a:visited:hover {text-decoration: none; background: #2B60DE}
</style>
<style>
.title{
padding:5px;
background: gray;
spacing:5px;
height:70px;
width:600px;
border:5px solid black;
margin-top:20px;
}
.navi{
position:absolute;
margin-top:100px;
left:15px;
background: gray;
border:5px solid black;
padding:5px;
spacing:5px;
height:420px;
width:170px;
}
.main{
position:absolute;
background: #D8D8D8;
spacing:5px;
height:800px;
width:600px;
margin-top:50px; left:410px;
border:7px double black;
}
.bottomheader{
position:absolute;
margin-top:390px; left:390px;
width:600px;
border:3px solid black;
background:gray;
}
</style>
<!—END CSS—>
</head>
<body>
<!—TITLE—>
<div align=“center”>
<div class=“title”>
<font size=“10” face=“Comic Sans MS”>Weather News Chris</font>
</div>
<!—END TITLE—>
<!—PICTURE OF ME—>
<div style=“position:absolute;bottom:510”>
chris.jpg
<!—END PICTURE OF ME—>
<!—MAIN CONTENT—>
<div class=“main”>
<font size=“5”><u>VERY IMPORTANT NOTICES</u></font>
<font size=“3”><font color=“red”>1. ALL SCHOOLS IN THE ABBOTSFORD SCHOOL DISTRICT WILL BE OPEN ON THURSDAY. ALL BUSES WILL BE RUNNING NORMALLY.s</font>
<font size=“3”><font color=“red”>2. Potential for a large widespread snowstorm Saturday night and Sunday. See “forecast” for details.</font>
<hr color=“black”>
<font size=“5”><u>Site News</u></font>
<font size=“3”>1. Pictures are coming soon.</font>
<font size=“3”>2. My blog will be available shortly.</font>
<font size=“3”>3. Video Forecasts/News covergae will soon be available.</font>
<font size=“3”>4. This site is under construction. Lots is being added.</font>
<hr color=“black”>
<font size=“5”><u>Contact Me</u></font>
<font size=“3”>If you have any questions, comments and or concerns please feel free to send me an E-Mail at the link below.</font>
<font size=“3”>[url=“mailto:firealarmfreak@gmail.com”]Click here to E-Mail Me.</font>
</div>
<!—END MAIN CONTENT—>
<!—NAVIGATION MENU—>
<style type=“text/css”>
a {text-decoration: none;}
</style>
<div class=“navi”>
<font size=“6px”><font color=“black”<div align=“center”>Navigation</font>
<hr color=“black” size=“5px”>
<font size=“5px”><div align=“center”>
<a href=“http://weathernewschris.net78.net/index.html”><font color=“black”>Home[/url]</font>
<font color=“black”>About Me</font>
<font color=“black”>Forecast</font>
<font color=“black”>My Blog</font>
<font color=“black”>Pictures</font>
<hr color=“black” size=“5px”>
<font size=“6px”><div align=“center”>Other Sites</font>
<hr color=“black” size=“5px”>
<font color=“black”>BC Highway Conditions</font>
<font color=“black”>BC Highway Webcams</font>
</div>
<!—END NAVIGATION MENU—>
<div align=“center”>
<div class=“bottomheader”>
Site Created by Christopher
</div>
</body>
</html>