3

こんにちは、CSS から IE7 への変換に問題があります。

画像の幅にテキストを並べて配置したい。このように: 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;
}

提案はありますか?? ありがとう

4

2 に答える 2

3

画像を#contentArticle内に挿入し、右にフロートさせます

于 2012-05-10T09:54:48.937 に答える
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>

テキストと画像を並べて

IE7でテストしましたが、正常に動作します。

于 2012-05-10T10:00:34.857 に答える