Hi guys! I really need some help for a complete CSS newb!
My header is showing correctly in Internet Explorer (weird) and not correctly in Firefox. Usually it's the other way around for me. LOL
So I also went to view my site on a Proxy, and the header shows fine on the proxy, but then the text is all messed up and all the way up to the header.
Here is my source code: Any help would be greatly appreciated guys! I am just learning this.
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
<title>.::WellnessWithin.ca::.</title>
<style type="text/css"><!--
body {
background-image: url('images/background.gif');
background-repeat: repeat;
background-attachment: fixed
}
#leftmenu {
float: left;
}
#home {
float: left;
}
#about{
float: left;
}
#services{
float: left;
}
#contact{
float: left;
}
#rightmenu{
float: left;
}
#undermenu{
float: left;
}
#contentpane{
float: left;
}
#testimonials{
float: left;
}
#footerbanner{
float: left;
}
#footergreybruce{
float: left;
}
--></style>
</head>
<body
style="margin: 0px 0px 0pt 80px; font-family: Arial,Helvetica,sans-serif;">
<div id="header"><img src="http://www.webmaster-talk.com/images/HEADER.gif"></div>
<div id="leftmenu"><img src="http://www.webmaster-talk.com/images/LEFTMENU.gif"
class="centered"></div>
<div id="home"><a href="index.php"><img
style="border: 0px solid ; width: 60px; height: 24px;"
alt="--Home--" src="http://www.webmaster-talk.com/images/1HOME.gif" class="centered"></a></div>
<div id="about"><a href="aboutus.php"><img
style="border: 0px solid ; width: 84px; height: 24px;"
alt="--About Us--" src="http://www.webmaster-talk.com/images/2ABOUTUS.gif"
class="centered"></a></div>
<div id="services"><a href="services.php"><img
style="border: 0px solid ; width: 68px; height: 24px;"
alt="--Services--" src="http://www.webmaster-talk.com/images/3SERVICES.gif"
class="centered"></a></div>
<div id="contact"><a href="contactus.php"><img
style="border: 0px solid ; width: 93px; height: 24px;"
alt="--Contact Us--" src="http://www.webmaster-talk.com/images/layout8FINAL_08.gif"
class="centered"></a></div>
<div id="rightmenu"><img src="http://www.webmaster-talk.com/images/RIGHTMENU.gif"
class="centered"></div>
<div id="undermenu"><img src="http://www.webmaster-talk.com/images/UNDERMENU.gif"
class="centered"></div>
<div id="contentpane"><img src="http://www.webmaster-talk.com/images/CONTENTPANE.gif"
class="centered"></div>
<div
style="padding: 1em; position: absolute; left: 85px; top: 180px; height: 400px; width: 415px; font-weight: bold; color: rgb(131, 42, 80);"><big>Welcome
to Wellness Within!<br>
<br>
</big>
<div style="text-align: justify;"><small
style="color: rgb(0, 0, 0); font-weight: normal;">With
a special interest in fertility, pregnancy, postantal, infants,
toddlers and Women's Health we provide a variety of services to
"nourish
life naturally". Whether you are looking to establish or
maintain a nutritionally balanced lifestyle for yourself, baby or
toddler, we have something just right for you.</small><br>
</div>
<br>
</div>
<div id="testimonials"><img
src="http://www.webmaster-talk.com/images/TESTIMONIALSRIGHT.gif" class="centered"></div>
<div id="footerbanner"><img
src="http://www.webmaster-talk.com/images/FOOTERBANNER.gif" class="centered"></div>
<div id="footergreybruce"><img
src="http://www.webmaster-talk.com/images/GREYBRUCE.gif" class="centered"><br>
<br>
<br>
</div>
<br>
<br>
<br>
<br>
</body>
</html>