p-Tag bewirkt Verschiebung des CSS-Hintergrundbildes

belimo · 07.06.2006, 17:42

Hallo Leute

Beschäfte mich wieder mal mit CSS-Designs. Gleich zwei Problemchen:

Ich habe ein einfaches div, dem ich per CSS ein Hintergrundbild zuweise. Nachdem ich nun in das div einen p-Tag setze (<p>Text</p>) dann verschiebt sich das Hintergrundbild nach unten (Entsprechend der Höhe des p-Tags). Warum hat der p-Tag auswirkungen auf das Hintergrundbild?
Wenn ich einem div per width eine Breite zuweise, und auch ein padding-left hinzufüge, wird der padding-Wert der Breite hinzugerechnet. width=50, padding-left= 40 ergibt also ein 90px breites div. Warum das denn? Doctype?

Alles im Firefox.
Danke für eure Unterstützung!

satre · 07.06.2006, 17:49

Zitat:

Wenn ich einem div per width eine Breite zuweise, und auch ein padding-left hinzufüge, wird der padding-Wert der Breite hinzugerechnet. width=50, padding-left= 40 ergibt also ein 90px breites div. Warum das denn?

Das ist nach dem Boxmodel vollkommen richtig.

Zitat:

Doctype?

Welchen benutzt du denn?

belimo · 07.06.2006, 18:21

Zitat:

Zitat von satre

Das ist nach dem Boxmodel vollkommen richtig.

Uuuups

Benutze <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Kennst du den Effekt meines 1.?

satre · 07.06.2006, 18:42

Zitat:

Kennst du den Effekt meines 1.?

Nein, momentan nicht.
Könntest du die Seite mal online stellen?