IE CSS break

  • I’m a beginner in designing themes. I started on a design for my WordPress blog here https://www.69tribe.com

    It works perfectly fine with Firefox and Opera but on IE my main content post got break from the middle to the bottom of my leftsidebar.

    Any hacks for me to put in my css?

    My current css for those part are as follow:

    #content {

    float:left;
    width: 420px;
    text-align:left;
    margin-left:5px;
    margin-right:5px;

    font:11px/16px ‘Lucida Grande’, Verdana, Sans-Serif;
    font-size:0.9em;
    color:#29303B;
    line-height:1.3em;

    }

    #leftbar {
    float:left;
    margin-left:5px;
    margin-right:5px;

    }

    Hope someone can help me with this IE prob. Thank you.

Viewing 2 replies - 1 through 2 (of 2 total)

  • It’ll be in your margins. Try padding instead, that might work. IE just hates CSS.

    Thread Starter Bobby Ong

    (@bobby89)

    Nope it still doesn’t work. I’ve just changed
    margin-left:5px;
    margin-right:5px;

    in both the css code above into
    padding-left: 5px;

    but the problem still persists

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘IE CSS break’ is closed to new replies.

Tags