hallo zusammen,
habe hier diese zwei div-elemente, die eigentlich nur nebeneinander stehen sollen - wie eine tabelle mit 2 spalten:
#menu {
float: left;
padding-left: 0em;
padding-right: 0em;
padding-top: 1.5em;
width: 200px;
background-color: White;
}
#contents {
border-left: 1px dashed #B7B7B7;
padding: 1.5em;
height: 500px;
text-align: left;
margin: 10px;
background-color: White;
margin-left: 0px;
}
html:
<div id="menu">
navigation und logo hier
</div>
<div id="contents">
hier der inhalt: texte, bilder, formulare...
</div>
das funktioniert auch, solange der inhalt in menu groesser (laenger) ist als der inhalt in contents - ansonsten fliesst contents unter menue weiter. ausserdem bricht der text in contents nicht automatisch um - wenn die saetze laenger sind wird content wohl auf 100% ausgedehnt und immer unter menue gesetzt, der platz echts neben menue bleib leer.
was mache ich falsch?