Nebeneinadersetzen von zwei Boxen in CSS

Unregistriert

Hallo, möchte gerne zwei Boxen mit nem roten Rahmen nebeneinander setzen. Das gelingt mehr nicht, was mir gelingt ist eine Box und die andere ist nicht daneben, sondern oben drüber:d:

Mein Ansatz sieht so aus: Habe zwei div-tagsdefiniert, die ich meiner CSS-Datei definiere:

<body>

</div>

<div id="body">

</div>
</body>

CSS:

#mainmenuD{
float:left;
position:relative;
left: 0; top: 5; width:200;
border: 1px solid blue;
background-color: #00CCFF;
}

#body{

position: relative;
width: auto;
margin-left: 10px;
border: 1px solid red;
}

synaptic

wofür nimmst du position relative?
positionierung macht man in erster linie mit margin und/oder padding.
und was du machen musst ist beide divs floaten lassen, mehr net

Tobse

Synaptic hats erfasst:

HTML

<div style="border: 2px solid red">
    <div style="float: left; width: 200px; height: 200px">
        <a>BOX1</a>
    </div>
    <div style="float: left; width: 200px; height: 200px">
        <a>BOX2</a>
    </div>
</div>
<br style="clear: both;">

Tags