float in firefox and MS-Exporer

[Johann]

Dear W3Schools Forum supporters and members,

 

I have some "troubles" with float after editing the css file. While in firefox all is fine, it does not seems to work in MS-Explorers.

 

Do anybody have an idea? I have attached two pics. 1st is Firefox, second is IE. The avatar content should be right next to the post area, in IE it is above and makes a step, does not "flow"

 

Thanks a lot in advance.

 

Edited January 25, 2014 by Johann

[Johann]

The html looks like this:

<div class="post_wrapper">    <div class="poster">        <h4></h4>        <ul id="msg_3987_extra_info" class="reset smalltext"></ul>    </div>    <div class="postarea">        <div class="flow_hidden">            <div class="keyinfo"></div>            <ul class="reset smalltext quickbuttons"></ul>        </div>        <div class="post">            <div id="msg_3987" class="inner"></div>        </div>        <img id="modify_button_3987" class="modifybutton" onclick="oQuickModify.modifyMsg('3987')" style="cursor: pointer;" title="Beitrag editieren" alt="Beitrag editieren" src="http://sangham.net/Themes/sangham/images/icons/modify_inline.gif"></img>    </div>    <div class="moderatorbar"></div></div>

and the main areas of css look like this

/* poster and postarea + moderation area underneath */.post_wrapper{    float:right;    width:100%;}.poster{    float: right;    text-align: center;    width: 15em;}.postarea, .moderatorbar{    margin: 0 16em 0 0;}.post{    margin-top: 0.5em;    clear: left;}.inner{    padding: 1em 0 2px 1em;    margin: 0 0 0 1em;    border-top: 1px solid #99a;}

[Johann]

Nobody any idea?

Edited January 29, 2014 by Johann

[Johann]

I have got some generous quick help form TE on SMFP Forum . It was a margin and width mistake and problem of mine. I gave the post area a width of 13em but the post-area had only 10em margin on this side and IE seems to have a different priority if thing violate each other.Thanks a lot anyway!