Zitat:
Zitat von bastien
Hallo,
etwas grundsätzliches: wenn ich einen div habe mit text drin der in 2 <p>-tags gegliedert ist und ich möchte dass der obige p-tag nach oben einen abstand hat und der unterste p-t einen abstand nach unten hat und beide p-tags sollen auch den gleichen abstand nach links und rechts haben. Würdet ihr das padding im div setzen oder den div unformatiert lassen und die <P>-tags formatieren???
|
Beides ist möglich, beides hat Vor- und Nachteile. Der Hauptunterschied ist: wenn Du der <div>-Box das
padding zuweist, addieren sich die
padding zum Content und verändern die Gesamtgröße des Elements. Es kommt also auf Dein Layout an, ob Du Spielraum für diese Größenänderungen hast. Weist Du es Deinen <p> zu, bleibt deine Box unangetastet. Das ist vor allem wichtig, wenn Du Boxen neben einander setzt und seitliche
padding setzen willst.
Der Vorteil bei der Zuweisung zur <div>-Box ist, dass alle Kindelemente gleich angesprochen werden. Dies ist vor allem bei seitlichen
padding schön.
LG Janna
Edit (nachträgliche Ergänzung): Die Gesamtgröße des Elements <div> ändert sich natürlich nur, wenn Du eine Breite oder Höhe zugewiesen hast. Das habe ich gestern irgendwie stillschweigend angenommen.
Ach ja, noch ein Gedanke: nun kenne ich Dein Layout nicht, aber es kann Vorteile bringen, statt
padding mit
margin zu arbeiten und Boxen und deren Inhalte auf diese Weise von einander auf Abstand zu halten. Grund ist, dass
margin im Gegensatz zu
padding von Browsern korrekt interpretiert wird; der IE 5 will ja von korrekten Elementbreiten im Sinne des Boxmodell nichts wissen.