|
Re: IE 5.5 div not centered
Here's the html revised a bit to take out any info - Code: Select all
<div id="header"><h1>Client Name here</h1>
<ul id="navigation">
<li><a href="/" class="selected">Home</a></li>
<li><a href="bio.html">Bio</a></li>
<li><a href="blog.html">Blog</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
<div id="content">
<p><span class="boldtext">Client name</span>, a 1969 graduate Blah</p>
</div>
<div id="seal"></div>
<div id="footer">"Tagline here"</div>
The div in red is the part that is not aligning in IE 5.5.
The css for it is:
- Code: Select all
* {
margin: 0;
padding: 0;
}
html {
background: #dadada url(graphics/background_page.jpg) repeat-x 0 0;
}
body {
margin: 0 auto;
text-align: center;
}
#header {
background: url(graphics/header.jpg) no-repeat;
height: 184px;
width: 790px;
margin: 0 auto;
text-align: left;
}
#content {
background: url(graphics/back_container.jpg) 0px 186px;
width: 670px;
margin: 0 auto;
padding: 15px 50px 0px 50px;
clear: both;
text-align: left;
}
There I think that's all the bits and pieces you need.
Last edited by Lchad; Mar 28th, 2007 at 13:48.
Reason: make it easier to read
|