immer wieder ungewollte abstände
Martin Hein
- css
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;
}
Hallo Forum,
... selbst gefunden:
mal wieder der 'double margin float bug' ;(
beste gruesse,
martin
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