I hope someone might be able to see the problem.
I am writing a set of pages for my uni degree in teaching so an a
total novice yet have been referencing manuals alot but can find out
why this wont work. It displays well in Firefox but the "oneheading"
and "onetext" sections sit to the right on ie but the should line up
on the left hand side of the page.
My aboutus page is .
<head>
<title>TBB | Home | The Bronzed Bean </title>
<meta name="keywords" content="The Bronzed Bean Uni Project, Studio
Mojo" />
<meta name="description" content="The Bronzed Bean was a site I made
for my uni project. Thankyou to Studio Mojo for the images.. " />
<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 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
--~--~---------~--~----~------------~-------~--~----~
--
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]
-~----------~----~----~----~------~----~------~--~---
