Drei div-boxen horizontal zentriert

by Wyden Silvan — last modified 06.11.2009 10:03

<body style="margin: 0px; padding: 0px;">

<div style="margin: 0 auto; width: 900px; background-color: blue;">
    header
</div>

<div style="position: absolute; width: 100%;">

    <div style="background-color: green; border: 1px solid black; float: left; width: 40%;  margin: 0px; position: relative;">
       1. div
    </div>

    <div style="background-color: yellow; border: 1px solid black; float: right; width: 40%;  margin: 0px; position: relative;">
       3.div
    </div>

    <div style="float: none;background-color: red; border: 1px solid black; width: 900px; margin: 0 auto; position: relative; text-align: left; ">
       2. DIV
    </div>

</div>

<div style="clear: both; with: 100%;">slkd</div>

<div style="clear: both; float: none; margin: 0 auto; width: 900px; height: 100px; background-color: grey;">
    content
</div>

</body>