IE6 problem with floats

Discussion in 'CSS' started by 5thround, Apr 21, 2008.

0
  1. #1
    I've tested my site in all of the newer browsers like Opera, Mozilla, IE7 and Safari and it looks the way that I want it to, but when tested with IE 6, the right side of the site winds up underneath the left <div>

    What would be the best way to fix this problem?

    http://www.5thround.com/index.php

    Thanks in advance for your help...
     
    5thround, Apr 21, 2008 IP
  2. KnuTz

    KnuTz Well-Known Member

    Messages:
    169
    Likes Received:
    11
    Best Answers:
    0
    Trophy Points:
    130
    Digital Goods:
    1
    #2
    could be IE6 double margin bug try putting your sidebar in a new div

    <div style="float:left;display:inline">
    ..your sidebar here
    </div


    hope that helps
     
    KnuTz, Apr 22, 2008 IP
  3. 5thround

    5thround Active Member

    Messages:
    126
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    51
    #3
    thanks for the tip, I already have that code in my CSS.
     
    5thround, Apr 22, 2008 IP
  4. Dan Schulz

    Dan Schulz Peon

    Messages:
    6,032
    Likes Received:
    436
    Best Answers:
    0
    Trophy Points:
    0
    #4
    Start by fixing your HTML validaton errors. Changing & to &amp; in your links will knock out the majority of them.
     
    Dan Schulz, Apr 23, 2008 IP