View Single Post
  #8 (permalink)  
Old Mar 28th, 2007, 13:48
Lchad Lchad is offline
SuperMember

SuperMember
Join Date: Sep 2006
Location: Pink House
Posts: 3,946
Thanks: 0
Thanked 0 Times in 0 Posts
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">&quot;Tagline here&quot;</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
Reply With Quote