scrollbalken bei padding

[Henry]

Hallo,

das wollte ich eigentlich hier gefragt haben, fand aber dann doch noch die Lösung im Netz. Schreibs trotzdem mal hierein, falls jemand ähnliches Problem hat.

#toprow{
width:100%;
background-color:#333;
border-bottom:3px dotted #ccc;
padding:4%;
}

Mit padding erschien ein horizontaler Scrollbalken, auch overflow-auto brachte keine Abhilfe. Letzendlich fand ich dann: box-sizing:border-box;

#toprow{
width:100%;
background-color:#333;
border-bottom:3px dotted #ccc;
padding:4%;
box-sizing:border-box;
}

Ich verstehe zwar immer noch nicht genau, warum die Browser ansonsten ein Berechnungsproblem haben, doch damit funktionierts zumindest.

Gruss
Henry