Es tut mir leid wieder eure Hilfe in Anspruch nehmen zu müssen aber ich raste gleich aus hier
Nehmen wir mal folgenden Code:
<html>
<head>
<style>
div.frame{
width:100%;
height:100%;
background-color:#999999;
}
div.box{
width:400px;
height:200px;
background-color:#666666;
margin-left:200px;
}
</style>
</head>
<body>
<div class="frame">
<div class="box">
bla
</div>
</div>
</body>
</html>
Simpel nicht wahr? Einen großen hellgrauen Kasten und einen dunkelgrauen Kasten innen drin, der durch margin-left brav 200px Abstand vom Rand des großen grauen Kastens hält. Jetzt mein Problem:
Ich möchte auch, dass er nach oben hin z.B. 100px Abstand hält. Benutze ich margin-top:100px verschiebt sich auch der große hellgraue Kasten um 100px vom Browserrand. Sage ich dem großen hellgrauen Kasten padding-top:100px passiert das zwar, aber der große hellgraue Kasten wächst auch um 100px nach unten...
Gut ich könnte jetzt noch ein Div hinzufügen und das als Abstandhalter benutzen aber das muss doch über padding und margin machbar sein?
Hilfe ??? ??? ???