Nebeneinadersetzen von zwei Boxen in CSS

  • 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 id="mainmenuD">

    </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 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;">

    Der, der weiß dass er nichts weiß, weiß mehr als der, der nicht weiß, dass er nichts weiß.

    Wer nach etwas fragt, geht grundsätzlich das Risiko ein, es auch zu bekommen!