✔ <p> sprengt mein Design | Firefox

[5ch31d]

Hallo,

ich befasse mich seit einger Zeit mit CSS und bin damit bis jetzt auch einigermaßen gut zurecht gekommen. Viele Bugs und Fehler habe ich selbst, wenn auch teilweise nach etwas längerer Zeit selbst in den Griff bekommen. Doch jetzt hab ich ein Problem an dem ich mir, so wie es scheint, die Zähne ausbeissen muss. Es tritt jedoch nur im Firefox auf. (IE funktioniert einwandfrei)

Folgendes:
Als HTML-Gerüst benutze ich verschachtelte DIVs. Der DIV-Container in dem sich mein Content wieder finden soll, nennt sich "ctext". Wenn ich mit ganz normalem Text in dem Container beginne oder ihn leer lasse, bekommt der Firefox dass auch richtig angezeigt. (Hier zu sehen)

Sobald ich aber ganz oben mit einem <p>-Tag oder auch <H1>-Tag beginne, wird die Seite falsch angezeigt. Es bildet sich dann über dem Content ein Streifen, in dem man den Hintergrund sieht... ((Hier zu sehen)

Link zur CSS-Datei.

Vielen Dank für eure Bemühungen im Voraus schon einmal.

 

[Maik]

Hi,

erweiter mal die bestehende Regel folgendermaßen:

p,h1 { 
padding: 0px 0px 0px 0px; 
margin:0;
}

oder in Kurzform:

p,h1 { 
padding:0; 
margin:0;
}

und vergiss nach der padding-Eigenschaft den Doppelpunkt nicht.

 

[5ch31d]

Hi,

erweiter mal die bestehende Regel folgendermaßen:

p,h1 { 
padding: 0px 0px 0px 0px; 
margin:0;
}

oder in Kurzform:

p,h1 { 
padding:0; 
margin:0;
}

und vergiss nach der padding-Eigenschaft den Doppelpunkt nicht.

I`am very amused. ;-)
DAMN, warum bin ich da nicht selber draufgekommen.
Vielen Dank!