0 Replies Latest reply on Jul 29, 2008 7:43 AM by ichibangeebo

    Float Drop

    ichibangeebo
      I am having a float drop issue in IE6 (at least that's what I think it is). My page renders fine in Firefox, and IE7, but drops content in IE6. I have tried the Holly Hack, messed with margins to get rid of 3-pixel-jog, and applied the float drop fix found on CSS Advisor (using wrapper). I can't get anything to work. I'm sure it's something simple I have missed. THANK YOU.
      Site: http://www.newsons.sons-of-liberty-sar.org
      CSS:
      @charset "utf-8";
      body {
      margin: 0;
      padding: 0;
      text-align: center;
      color: #000000;
      background-image: url(images/star.gif);
      background-repeat: repeat;
      font-family: Georgia, "Times New Roman", Times, serif;
      font-size: 100%
      }
      .NewSOL #container {
      width: 880px;
      background: #FFFFFF;
      margin: auto;
      border: 1px solid #000000;
      text-align: left;
      }
      .NewSOL #sidebar1 {
      float: right;
      width: 300px;
      background: #EBEBEB;
      padding: 0;
      background-image: url(images/dkBlueBkg.jpg);
      background-repeat: repeat;
      }
      .NewSOL #sidebar2 {
      float: right;
      width: 270px;
      padding: 0;
      margin: 10px 15px 0px 15px;
      background-image: url(images/dkBlueBkg.jpg);
      background-repeat: repeat;
      color: #fdffd1;
      }
      .NewSOL #sidebar3 {
      float: right;
      width: 300px;
      background: #EBEBEB;
      padding: 0;
      }
      .NewSOL #navBar {
      margin: 0;
      padding: 0;
      width: 580px;
      }
      .NewSOL #headerBar {
      margin: 0 300px 0 0;
      padding: 0;
      }
      .NewSOL #mainContent {
      margin: 50px 325px 0 0;
      padding: 0 20px 0 20px;
      }
      .fltrt {
      float: right;
      margin-left: 8px;
      }
      .fltlft {
      float: left;
      margin-right: 8px;
      }
      .clearfloat {
      clear:both;
      height:0;
      font-size: 1px;
      line-height: 0px;
      }
      .NewSOL #wrapper {
      width: 880px;
      }