IE6 Alignment Problem

Hi All,

New to the forum

I have a problem with my site http://www.Savvy25.com. It loads fine in Firefox, IE7, Opera, and Safari, but the alignment is off in IE6.

The header and sidebar are fine, but the body text starts where the sidebar ends. Could somebody kindly point me in the right direction to help solve this issue?


Thanks!

-Andrew

 

check your div id="postloop" or id="boxlist" and fix your margin or padding

 

IE doesn't render the same especially if you use a doctype declaration, one way around that is to insert an IE specific style in your page using the if clause in css. You may need to do this on every page. A simple example folows:

<!-- make IE compliant code, in other words different stylesheet for Microsoft -->
<!--[if IE]>
<style type="text/css">

.search{
            position: absolute;
              height: 1px;
                 top: 5px;
               color: white;
               right: 125px;
          background: black;
              border: 1px;
        border-style: solid;
               color: white;
             padding: 5px 5px 0px 10px;
        }

</style>
<![endif]-->

Code (markup):

Hope this helps.