23. Januar 2009
Geschrieben in CSS, Webdevelopment | Keine Kommentare
Das CSS Box Modell
Erklärung des CSS Box Modells:
margin – border – padding – height/widht – padding – border – margin
div#box {
width: 100px;
height: 100px;
border: 2px solid black;
padding: 10px;
margin: 5px; }
width: 100px;
height: 100px;
border: 2px solid black;
padding: 10px;
margin: 5px; }
Moderne Broswer interpretieren das so:
width=5+10+2+100+2+10+5
Selbst der IE6 macht das richtig wenn er nicht im QUIRKS mode ist (doctype beachten)!