Bin gerade dabei das layouten mit CSS anstelle von Tabellen zu lernen. Folgendes Problem habe ich dabei: Ich habe einen div-container der 400px breit ist. In ihm sollen jeweils 3 div-container, 2 davon nebeneinander positioniert werden, der linke hat eine breite von 100px und der rechte eine breite von 300px. Der dritte Container befindet sich unter den beiden oberen und hat eine breite von 400px. Ich hab das ganze mit Hintergrundfarben gekennzeichnet, nehme ich nämlich die Hintergrundfarbe des linken div-containers weg, kommt direkt dahinter die Hintergrundfarbe des rechten div-containers hervor. Der sollte aber eigentlich erst daneben beginnen. Die positionierung des Textes stimmt zwar, aber wie gesagt der Hintergrund nicht. Das ganze soll unter dem Firefox laufen.
div
- Code: Alles auswählen
<div>
<div>Linker<br>Linker2<br></div>
<div>Rechter<br>Rechter2</div>
<div>Unten<br>Unten2</div>
Test<br>Test2<br>Test3
</div>
css
- Code: Alles auswählen
#container {
margin: 0;
padding: 0;
width: 400px;
background-color: #CCCCCC;
}
#links {
width: 100px;
background-color: ;
float: left;
}
#rechts {
width: 300px;
background-color: #FF0000;
}
#unten {
width: 400px;
background-color: #0033CC;
clear: both;
}
Anzeige (Bildqualität durch Paint verringert
)
