markup
styling :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>
(beispiel)
Erklärung :Code:#wrapper { width:600px; } #div1, #div2, #div3 { width:200px; float:left; }
- 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


LinkBack URL
About LinkBacks
Zitieren