css互換幅IE7

こんにちは私はIE7にCSSでいくつかの問題があります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; 
}

どれsuggesstionsを?? おかげ

出典

2012-05-10 peterK

#contentArticle内部のあなたのイメージを挿入し、その後、私は右のあなたは、このようにすればいいundrestoodとして右

出典

2012-05-10 09:54:48 Malyo

ありがとうございました。それは1日に働いた。 – peterK

にそれをフロート：

<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

私は上にそれをテストしてみましたIE7とそれは正常に動作します。

出典

2012-05-10 10:00:34

答えて

関連する問題