Frage stellen
ich möchte in einem Textbereich einen Div-Container oben und einen am Boden platzieren, so dass diese jeweils vom Text umflossen werden. Also so
aa xxx
aa xxx
xxxxxx
xxxxxx
bb xxx
bb xxx
Wobei aa und bb die Container sind.
Oben krieg ich das mit float:left auch problemlos hin.
Bloß beim unteren nicht.
Entweder ist er unter dem Text, oder wenn ich ihn nach oben verschieb liegt er über dem Text und verdeckt den.
Ich probier jetzt schon die ganze Zeit rum, aber ich krieg den Dreh nicht raus:-(
An diesem Codeschnipsel teste ich das. Wie kriegt man sowas hin?
- Code: Alles auswählen
<head>
<style type="text/css">
<!--
#alles{
width:150px;
}
#oben {
background-color:#FF0000;
height: 30px;
width: 30px;
float:left;
}
#text { font-size:14px;}
#unten {
background-color:#00FF00;
height: 30px;
width: 30px;
}
-->
</style>
</head>
<body>
<div id="alles">
<div id="oben">123</div>
<div id="text">Lorem ipsum dolor sit amet, con se tuer adipiscing elit. Donec molestie. Sed aliquam sem ut arcu. Phasellus sollic itudin. Vesti bulum condi mentum facilisis nulla. In hac habi tasse platea dictumst. Nulla nonummy. </div>
<div id="unten">789</div>
</div>
</body>
</html>
