nicht angemeldet
Hallo,
warum wird z.B. bei einem DIV-Container mit folgender Klasse
.div_container
{
height: 100px;
width: 100px;
padding-top:50px;
background-color:#999999;
float: left;
margin: 20px;
}
die konfigurierte Höhe von 100 Pixel um die 50 Pixel des Padding-Abstandes vergrößert? Ich dachte bis jetzt immer "Padding" beeinflußt nur den Innenabstand. Also sollte doch hier eventuell vorhandener Text nur 50 Pixel nach unten verschoben werden.
Bei IE6 übrigens funktioniert das auch, wenn man die "<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">"-Zeile wegläßt. Beim FF grundsätzlich nicht.
Umgehen kann ich das in dem ich einen zweiten Container in dem ersten definiere und ihm das Padding zuweise.
Wie schon gesagt, mich interssiert eigentlich nur das warum. Weil nach meinem Verständnis müßte doch eigentlich die oben stehende Version funktionieren.
Danke schon mal im vorraus
Der Mario