Hi,

ich habe einen DIV-Container mit einer Breite von 200px und einer Höhe von 30px. Nun möchte ich den darin enthaltenen Text etwas einrücken, also habe ich mit padding-top und padding-left den Text um 20px verschoben. Nun bin ich es gewohnt die Pixel von Padding-Top und Padding-Bottom von der Höhe abzuziehen und es ebenso für Padding-Left und Padding-Right bei der Breite zu tu. Demnach ist meine Breite die ich im CSS angegeben habe nur noch 180px und meine Höhe nur noch 10px. Das ganze sieht nun im Firefox perfekt aus, genauso wie ich es haben wollte im IE ist jedoch mein Container nur noch 180px breit und 10px hoch. Um das nun bei dem IE wieder richtig zu setzen, darf ich den Wert von Padding nicht von der Breite bzw. Höhe abziehen, aber dann stimmt es wieder bei dem Firefox nicht.

Wie kann ich das den regel und was ist eigentlich richtig? Padding und Margin von der Breite und Höhe abziehen oder nicht?

Lesestoff

__________________
Corina Rudel

Online-Einsteigerkurs HTML/CSS | Buch: Fortgeschrittene CSS-Techniken