Jump to content

float in firefox and MS-Exporer


Recommended Posts

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 by Johann
Link to comment
Share on other sites

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;}
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Create New...