I hope someone might be able to see the problem.
I am writing a set of pages for a part of my degree in teaching so as
a total novice I have been referencing manuals a fair bit and reading
up as much as I can however I am unable to find out why this will not
work in IE. It displays well in Fire fox but the "oneheading" and
"onetext" sections sit to the right of the menu on IE instead of
lining up on the left hand side of the page.
My “aboutus” xhtml code is:
<head>
<title>TBB | Home | The Bronzed Bean </title>
<meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="css/tbb2.css"></link> </
head> <body class="content" ><center/>
<div class="container">
<div class="logo"><a href="index.htm"><img
src="images/tbbl2.gif"
alt="logo2" border="0" /></a></div>
<ol class="navlinks">
<li class="first"><a href="aboutus.htm">About
Us</a></li>
<li><a href="contactus.htm">Contact Us</a> </li>
<li><a href="history.htm">History of Coffee</a> </li>
<li class="last"><a
href="products.htm">Products</a></li>
<li><a href="lovers.htm">Coffee Lovers Links</a></li>
<li class="last"><a href="friends.htm">Friends of the
Bean</
a></li>
</ol>
<h1 class="oneheading">About Us</h1>
<div class="onetext">
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed
diam nonumy
eirmod tempor invidunt ut labore et dolore magna aliquyam
erat, sed diam
voluptua.</p>
</div>
</div>
<div class="footer">© The Bronzed Bean 2008 | <a
class="footerlinks" href="contactus.htm">Contact Us</a> | <a
class="footerlinks" href="sitemap.htm">Site Map</a> </div> </body>
and the css code is:
/* Document */
.content {
background-color: #663;
}
/* Document body */
.container {
background: url(../images/tbb2.gif) no-repeat;
width: 940px;
min-height: 664px;
text-align: left;
margin: 0 0 0 0 ;
padding: 0 0 0 0;
}
.logo {
margin: 0 0 0 0;
padding: 30px 0 30px 90px;
}
.oneheading {
position: absolute;
top: 207px;
width: 309px;
text-align: center;
color: #333333;
font-family: Papyrus;
text-decoration: none;
border-color: #663;
border-style: solid;
margin: 0 0 0 33px;
padding: 0 0 0 0;
}
.onetext {
position: absolute;
top: 280px;
width: 600px;
text-align: justify;
color: #663300;
font-family: Arial;
text-decoration: none;
font-size: 16px;
border-style: none;
margin: 0 0 0 15px ;
padding: 0 0 0 0;
}
/* Links formatting */
.navlinks {
line-height: 1.5;
margin: 0;
padding: 0.5em 1em;
width: 360px;
float: left;
border-color: white;
border-style: solid;
text-align: center;
background: #666633;
font-family: Arial;
text-decoration: none;
font-size: 12px;
}
.navlinks li {
display: inline;
margin-right: 0.5em;
padding-right: 0.75em;
border-right: 1px solid #881;
}
.navlinks li.last {
border-right: 0;
}
.navlinks a {
color: #D4EC84;
}
/* Footer Text */
.footer {
position: absolute;
top: 652px;
left: 400px;
float: right;
width: 500px;
margin: 0px 0 8px 0;
padding: 0px 0px 0 0;
text-align: right;
text-decoration: none;
font: normal 8pt Arial;
color: #666666;
}
.footerlinks {
font: normal 8pt Arial;
color: #996600;
}
Please let me know if you have any idea of what the issue could be,
thanks again for your help
Dionne
--~--~---------~--~----~------------~-------~--~----~
--
You received this because you are subscribed to the "Design the Web with CSS"
at Google groups.
To post: [email protected]
To unsubscribe: [EMAIL PROTECTED]
-~----------~----~----~----~------~----~------~--~---
