CODEWITHSUNDEEP
cssinternet-explorer-7
saomi
saomi

Reputation: 885

css compatibility width IE7

Hi I'm having some problem with css to IE7

I want to put some text side-by-side width an image. like this: http://imageshack.us/photo/my-images/14/imgwx.png/

The problem is that in IE7 the text appears below the image.

I have the following HTML code:

   <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;
}

Any suggesstions?? Thanks

Upvotes: 3

Views: 192

Answers (2)

Eugene Trofimenko
Eugene Trofimenko

Reputation: 1631

As I undrestood right you should do like this:

<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

I've tested it on IE7 and it works fine.

Upvotes: 3

Malyo
Malyo

Reputation: 2000

Insert your image inside #contentArticle and then float it to right

Upvotes: 3

Related Questions