Help with CSS alignment in IE7

Discussion in 'Web Design and Development' started by jamarwright, Sep 10, 2009.

  1. jamarwright macrumors newbie

    Nov 17, 2008
    CSS Ninjas:

    I'm designing a website for a friend of mine. I ran into a snag that I can't quite figure out. If anyone could help me out, I'd be most appreciative.

    the url:

    the intended result comes out like the 2nd pic in Firefox and Safari

    the IE result as tested in IE7 is coming out like the 1st pic. **note the left side bar isn't floating left**

    Here is my suspect CSS code:
    .twoColFixLt #sidebar1 {
    float: left; /* since this element is floated, a width must be given */
    width: 230px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */

    max-height: length;
    background: #320644;
    -moz-border-radius: 5px; /* This rounds the corners of the sidebar in Firefox */
    -webkit-border-radius: 5px; /* This rounds the corners of the sidbebar in Safari */
    color: #FFF;
    left: auto;
    position: fixed;
    padding-top: 15px;
    padding-right: 20px;
    padding-bottom: 15px;
    padding-left: 20px;
    min-height: 100%;

    any ideas on how I can get that purple sidebar to align and float to the left in IE?

    Attached Files:

  2. angelwatt Moderator emeritus


    Aug 16, 2005
  3. jamarwright thread starter macrumors newbie

    Nov 17, 2008
    i'm pretty sure you're right. i did some additional reading on it this morning. IE doesnt know what to make of it. I found what looks to be a solution here:

    I'm going to try it out as soon as I get near a machine that has explorer. I'll let ya know if it helps...

Share This Page