nicht angemeldet
Hi,
folgendes Problem. Ich habe ein div als "Seitenrahmen". Innerhalb dieses Rahmens soll mittels eines zweiten divs ein Logo dargestellt werden, mit jeweils 20px Abstand zum linken und oberen Rand des übergeordneten divs. Hier mein Quelltext:
*************************
<style type="text/css">
#rahmen{
margin: 20px 0px 0px 20px;
width: 400px;
height: 400px;
background:red;
}
#logo{
margin: 15px;
width: 50px;
height: 50px;
background:blue;
}
</style>
</head>
<body>
<div id="rahmen">
<div id="logo">
</div>
</div>
*************************
http://otr.nippie.de/test.html
Im IE wird das ganze so dargestellt, wie ich das gerne hätte, mit Firefox 2 und Safari hält die innere Box keinen Abstand nach oben ein. Also margin-left klappt mit 20px, es klebt allerding geradezu an oberen Rand. Wenn ich die margin-top erhöhe verschiebt sich irgendwann der gesamte Rahmen nach unten, aber nicht nur die blaue box. Kann mir da vielleicht jemand helfen?
Vielen Dank!