0

Das CSS Box Modell

Veröffentlicht im Januar 2009 in Webdevelopment von Marita Mätzler

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; }

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)!

Leave a Reply

You must be logged in to post a comment.