Firefox margin-BUG?

ikezen · #1 (**permalink**) 20.09.2007, 21:10

Liebe CSS'ler,

ich habe folgendes Problem: Ich definiere einen h1-Tag mit 40px Abstand nach oben und Firefox schiebt die äußere DIV um 40px nach unten anstatt die h1 zu verschieben. Hier der Code:

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Firefox Bug</title>
</head>
<style>
* {
padding: 0px;
margin: 0px;
}
</style>
<body>
<div style="height: 200px; width: 300px; background-color: #fc0;">
<h1 style="margin-top: 40px;">Das ist ein Text.</h1>
</div>
</body>
</html>

Ist dieses Phänomen bekannt? Wie kann man es umgehen?

danke im voraus

ike

fricca · #2 (**permalink**) 20.09.2007, 22:08

Zitat:

Zitat von ikezen

Ist dieses Phänomen bekannt?

Ja. Es heißt Collapsing Margins und ist kein Bug.

etux · #3 (**permalink**) 20.09.2007, 22:11

Hallo ikezen,
wenn im DIV vor der h1 nichts kommt, muss Du dem DIV padding zuweisen:

Code:

<div style="height: 200px; width: 300px; padding-top: 40px; background-color: #fc0;">
<h1>Das ist ein Text.</h1>

So könnte es auch funktionieren:

Code:

<div style="height: 200px; width: 300px; background-color: #fc0;">Ich stehe vor der H1.
<h1 style="margin-top: 40px;">Das ist ein Text.</h1>

Grüße: Emil

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Schriftfarbe in den Eintragungsfeldern von jforms	Steveislucky	CSS	2	16.03.2010 10:59
CSS bei Tempalte Joomla bzw. ueniversal	schnarcher	CSS	6	21.06.2009 21:36
Problem mit CSS in Joomla 1.5	noobilicius	CSS	6	25.09.2008 20:24
CSS-Problem mit Joomla-Template und Firefox	gismojs	CSS	5	21.04.2008 12:45
Bug in Firefox?	Lestat	(X)HTML	11	26.07.2006 18:10