Konrad Urlichs: Blöcke nebeneinander

Beitrag lesen

Hallo,

Habe folgendes Problem. Ich will zwei Elemente nebeneinander positionieren. Dafür müsste ich eigentlich die Elemente als inline ausweisen. Dann kann ich allerdings keine Breite angeben.
Ich weiss, dass das das alles mit einer Tabelle ginge, aber ich wollte das mal so probieren.

Also hier nochmal was ich will:

-------------------     -------------------
----- Block 1 -----     ----- Block 2 -----
-------------------     -------------------

mit bestimmter Breite.

Ich bekomms nicht hin. Hier ein Ansatz von mir, der nicht funktioniert, weil die Browser für Block-elemente (display:block) eine neue Zeile einziehen.

<html>
<body>
    <div style="display:inline">
        <div style="display:block; width:200px; background-color:blue;">Box1</div>
    </div>
    <div style="display:inline">
        <div style="display:block; width:200px; background-color:maroon;">Box2</div>
    </div>
</body>
</html>

Danke
   Konrad