"We are back" « oc.at

CSS problem

vanHell 23.05.2009 - 07:32 1020 6
Posts

vanHell

Tauren Marine
Registered: May 2004
Location: Hell
Posts: 1017
Wiso wird das innere Element nur von der Seite eingerückt und von oben nicht bzw. wiso wird das äussere Element von oben auch eingerückt?

Code: PHP
<html> 	
<head> 	</head>
<body style="margin:0">
<div style="margin:0;background-color:#f00;width:100px;height:100px"> 			
<div  style="margin:5px;background-color:#0f0;width:50px;height:50px">
</div>
</div>
</body>
</html>
Bearbeitet von vanHell am 23.05.2009, 21:26

fatmike182

Agnotologe
Registered: Oct 2005
Location: VIE
Posts: 4223
setze padding auch 0 (im body) und das äußere wird auch nichtmehr oben eingerückt

vanHell

Tauren Marine
Registered: May 2004
Location: Hell
Posts: 1017
ändert genau nix

that

Hoffnungsloser Optimist
Avatar
Registered: Mar 2000
Location: MeidLing
Posts: 11343
Ich bin kein CSS-Experte, aber das hier dürfte bei deinem Beispiel zutreffen:
http://www.w3.org/TR/CSS21/box.html#collapsing-margins

Spikx

My Little Pwny
Avatar
Registered: Jan 2002
Location: Scotland
Posts: 13496
Jop, aber warum es eingeführt wurde, also wozu das, in der Form, gut sein soll, verstehe ich überhaupt nicht.

vanHell

Tauren Marine
Registered: May 2004
Location: Hell
Posts: 1017
So, habs jetzt im IE8 probiert der ja angeblich (als einziger browser) CSS2.1 unterstützt und der rendert es so wie ich es haben will. FF und Safari nicht.
Wie löst man jetzt das ganze? Sollte ja ansich ein alltägliches problem sein.

vanHell

Tauren Marine
Registered: May 2004
Location: Hell
Posts: 1017
so hab das problem jetzt gelöst. man muss im äussern element padding oder border auf 1px oder größer setzten dan wird das collapsing verhindert und alles richtig dargestellt.

das ganze ist hier genau beschrieben:
http://www.howtocreate.co.uk/tutori...argincollapsing
Kontakt | Unser Forum | Über overclockers.at | Impressum | Datenschutz