IE Problem With My Blog - Sidebar Doesn't Align Correctly

Discussion in 'CSS' started by GADOOD, Apr 4, 2007.

  1. #1
    Hi guys,

    I have a sidebar on my blog which displays correctly in Firefox on the right, but in Internet Explorer it displays actually underneath the content of my blog.

    You can see the problem here.

    Would anyone know how to fix this?

    #right {
    float: left;
    width: 220px;

    If I remove the above from styles.css, the sidebar jumps back up to the top but it swamps the entire page in width.

    I had tried fiddling with the float: left; bit, tried right etc but I can't figure it out.

    Anyone got an ideas?

    Cheers,

    Pete
     
    GADOOD, Apr 4, 2007 IP
  2. Katy

    Katy Moderator Staff

    Messages:
    3,490
    Likes Received:
    513
    Best Answers:
    7
    Trophy Points:
    355
    #2
    If you use the float element you must ALWAYS add:

    display: inline;

    this is an IE bug..
     
    Katy, Apr 4, 2007 IP
  3. GADOOD

    GADOOD Peon

    Messages:
    1,745
    Likes Received:
    241
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Hi Katy,

    Thanks, here's part of my styles.css:

    I tried adding that to the #right part, but it didn't make any difference.

    It worked when I added it to the #articles bit but then it aligned the content to the left side of the screen instead of it being all centered.

    Where abouts should I add this?

    Thanks,

    Pete
     
    GADOOD, Apr 4, 2007 IP
  4. SFOD_D223

    SFOD_D223 Peon

    Messages:
    4,512
    Likes Received:
    174
    Best Answers:
    0
    Trophy Points:
    0
    #4
    I have the same issue going on or maybe similar with my blog. I'm watching this thread because your remedy might help my issue. I get explodingly large tesxt generated from IE browsers. It's killing my site because its a complete turn-off.
     
    SFOD_D223, Apr 4, 2007 IP
  5. Katy

    Katy Moderator Staff

    Messages:
    3,490
    Likes Received:
    513
    Best Answers:
    7
    Trophy Points:
    355
    #5
    Sorry I forgot about this thread, but I see you fixed the problem! Good job! :)
     
    Katy, Apr 7, 2007 IP
  6. GADOOD

    GADOOD Peon

    Messages:
    1,745
    Likes Received:
    241
    Best Answers:
    0
    Trophy Points:
    0
    #6
    I aren't sure I did :(

    It works in IE7 but not browsers before that.

    Pete
     
    GADOOD, Apr 7, 2007 IP