Float Doesn't Work in IE?

Discussion in 'CSS' started by theblurr5495, Feb 28, 2010.

  1. #1
    In every browser besides IE the subscribe box links and "get email updates" heading are under the picture because I have it floating to the left. However, in IE the float doesn't seem to have an effect.

    Also, my "popular posts" on the sidebar is moved to the right for some reason in IE. Can anyone help me figure this out?

    Css code

    Website
     
    theblurr5495, Feb 28, 2010 IP
  2. sudeep333

    sudeep333 Peon

    Messages:
    321
    Likes Received:
    10
    Best Answers:
    0
    Trophy Points:
    0
    #2
    I have just tested it and found the solution for you.
    The problem is not in the custom.css but in the layout.css located at http://www.webjourney.me/wp-content/themes/thesis_16/custom/layout.css?022710-145819

    Look at the line number 2
    #container { width: 100.6em; margin: 0 auto; }


    You just need to increase the container size by 1em

    Replace the line with:
    #container { width: 101.6em; margin: 0 auto; }

    and your site will work well on IE too.

    Hope this will help.
     
    sudeep333, Feb 28, 2010 IP
  3. theblurr5495

    theblurr5495 Active Member

    Messages:
    436
    Likes Received:
    5
    Best Answers:
    0
    Trophy Points:
    60
    #3
    Thanks, but it doesn't seem to make a difference, even when I increase it by more than 1em. How did you test it?
     
    theblurr5495, Mar 2, 2010 IP