tschloss
Grünschnabel
Hi,
ich habe ein für mich unverständliches Problem mit 3 "Kacheln", die ich nebeneinander positionieren will.
Jede Kachel ist ein DIV derselben Klasse, angeordnet werden die drei mit "float:left", "float:right" und "margin-left".
In den Kacheln gibt es jeweils ein H2 und ein p.
Die mittlere Kachel wird allerdings anders gerendert: kein Abstand H2 zu Rand vom DIV, die anderen beiden haben einen Abstand.
Das sieht dann so aus: http://note.io/YxBkzl (Screenshot)
Wo liegt das Problem?
Zusatzinfo:
Füge ich der Kachel ein padding hinzu, rendern alle 3 Kacheln gleich:
Screenshot: http://note.io/YxD5wD
Nachtrag:
Auch ein
scheint ein identisches Rendering auszulösen.
Sieht für mich nach einem Bug aus (allerdings in Safari gleich wie im Firefox).
Danke Thomas
ich habe ein für mich unverständliches Problem mit 3 "Kacheln", die ich nebeneinander positionieren will.
Jede Kachel ist ein DIV derselben Klasse, angeordnet werden die drei mit "float:left", "float:right" und "margin-left".
In den Kacheln gibt es jeweils ein H2 und ein p.
Die mittlere Kachel wird allerdings anders gerendert: kein Abstand H2 zu Rand vom DIV, die anderen beiden haben einen Abstand.
HTML:
<html><head>
<style type="text/css">
div.kachel { width: 200px; height: 200px; background-color: #E0E0E0; }
div.kachelzeile { width: 610px; }
</style>
</head><body>
<div class="kachelzeile">
<div class="kachel" style="float:left; "><h2>Links</h2><p>blal asdjkd askdhas dhs aksdh</p></div>
<div class="kachel" style="float:right; "><h2>Rechts</h2><p>blal asdjkd askdhas dhs aksdh</p></div>
<div class="kachel" style="margin-left: 205px; "><h2>Mitte</h2><p>blal asdjkd askdhas dhs aksdh sh dajdhd</p></div>
</div>
</body></html>
Das sieht dann so aus: http://note.io/YxBkzl (Screenshot)
Wo liegt das Problem?
Zusatzinfo:
Füge ich der Kachel ein padding hinzu, rendern alle 3 Kacheln gleich:
HTML:
div.kachel { padding:1px; ....
Nachtrag:
Auch ein
HTML:
h2 {margin-top:0px; }
Sieht für mich nach einem Bug aus (allerdings in Safari gleich wie im Firefox).
Danke Thomas
Zuletzt bearbeitet: