css兼容宽度IE7

时间:2012-05-10 09:45:56

标签: css internet-explorer-7

嗨我对IE7的css有一些问题

我想将一些文本并排放置一个图像。像这样:http://imageshack.us/photo/my-images/14/imgwx.png/

问题是在IE7中文本显示在图像下方。

我有以下HTML代码:

   <div id="imageArticle"><img="src/here.jpg"></div>
   <div id="contentArticle">TEXT HERE </div>

  #imageArticle {
        float: right;
        margin-bottom: 20px;
        margin-left: 20px;
        margin-top: 15px;
        position: relative;
    }
#contentArticle {
    color: #333333;
    font-size: 13px;
    line-height: 17px;
    margin-top: 90px;
    padding-bottom: 20px;
    position: relative;
    width: 750px;
}

任何建议? 感谢

2 个答案:

答案 0 :(得分:3)

将图像插入#contentArticle中,然后将其浮动到右侧

答案 1 :(得分:3)

据我所知,你应该这样做:

<html>
    <body>
    <div style="width:200px">
        <img class="myimage" src="test.jpg" width="90" height="90" style="float:right;"/>
        blabla bla blalbalba
        blabla bla blalbalba
        blabla bla blalbalba
        blabla bla blalbalba
        blabla bla blalbalba
        blabla bla blalbalba
        blabla bla blalbalba
    </div>
    </body>
</html>

Text and Image side by side

我已经在IE 7上测试了它并且工作正常。