nicht angemeldet
Hallo ihr,
meine Seite ist folgendermaßen aufgebaut:
<body>
<div class="container">
<span class="ueberschrift">Überschrift</span>
<div class="menue">Wiederum divs für die einzelnen Menüpunkte</div>
<div class="inhalt"></div>
</div>
</body>
Bei viel Inhalt klebt der Container direkt unten am Rand, wo er natürlich Abstand halten soll. Mein margin-bottom:20px; wird aber nicht angenommen. Auch nicht, wenn ich den Container noch mal in ein div einschließe. Es hilft auch nichts, eine weitere, leere Ebene hinten an zu fügen mit einer bestimmten Höhe; position: absolute, relative, float usw. - nichts hilft.
Alles was ich innen verändere, also padding oder neue Ebenen, wird akzeptiert.
Die style-Angaben:
.container {
position:absolute;
top:60px;
left:20px;
margin-bottom:20px;
width:700px;
padding:0px;
background-color:#CCCC99;
border:2px solid #336600;
}
.ueberschrift {
position:relative;
top:10px;
left:10px;
font-size:22pt;
font-weight:bold;
}
.menue {
float:left;
margin:30px 0px 10px 0px;
font-weight:bold;
}
.inhalt {
margin:30px 30px 10px 190px;
}
Ich kapier's nicht, das ist doch eine stinknormale Sache. Hat irgendjemand eine Idee, was da falsch läuft?
Conny