Martin Hein: immer wieder ungewollte abstände

Hallo Forum,

ich habe in meinem XHTML-Form einen Button innerhalb eines
div-Tags definiert. Der Button ist linksbündig angeordet
aber sobald ich im Stylesheet eine Breite für das Div-Tag
definiere, entsteht ein Abstand zwischen Div und Button.

Wie kann das sein ? Hat jemand eine Idee ?

beste gruesse,
martin

HTML:
-----
<form>
 <fieldset>
  <div class="fcontent_div">
   <div class="nleft">
    <input type="submit" />
   </div> ...

CSS:
----
.fcontent_div{
clear:left;
margin:0;
margin-left:8px;
margin-right:8px;
}

div.nleft{
padding:0;
margin:0;
width:514px;
border: 1px solid black;
}

  1. Hallo Forum,

    ... selbst gefunden:

    mal wieder der 'double margin float bug' ;(

    beste gruesse,
    martin

  2. Hallo Forum,

    ich habe die Ursache für meinen ungewollten Abstand gefunden:

    ie-bug 'double floating' sorgt dafür, dass sich die margin
    verdoppelt. Meine Lösung in dem Fall: Mit padding arbeiten.

    Aber da hat mich das Box-Modell wieder ;(

    ------------------------------------------
    div.left{
    clear:left;
    float:left;
    width:100px;
    }

    div.right{
    float:left;
    width:100px;
    }

    <div class="left">content</div>
    <div class="left">content</div>
    <div class="right">content</div>
    ------------------------------------------

    ... müsste nach meinem Verständnis folgende Ausgabe
    ergeben:

    content
    content content

    ... tut es auch, aber nicht IE (6). Da sieht's so aus:

    content content
    content

    Kann mir jemand sagen, was genau den IE dazu veranlasst ?

    Danke und

    beste gruesse,
    martin hein