markup
HTML-Code:
<div id="wrapper">
<div id="div1">A</div>
<div id="div2">B</div>
<div id="div3">C</div>
<div style="clear:both;"></div>
<div id="div4">D</div>
</div>
styling :
(beispiel)
Code:
#wrapper {
width:600px;
}
#div1, #div2, #div3 {
width:200px;
float:left;
}
Erklärung :
- Es wird ein wrapper-div eingesetzt, welches 600 pixel breit ist, um die divs zu begrenzen
- Durch das Float LEFT werdend die 3 divs (breite ist dann 600 pixel durch 3, also 200 pixel) nebeneinander positioniert
- Das Float muss danach aufgehoben werden, das geschieht durch das Clear:both