HaraldMenza: 2 Divs in div nebeneinander

Beitrag lesen

Hallo zusammen,

ich komme mit CSS generell nicht so gut klar irgendwie. Finde es immernoch viel einfacher mit Tabellen zu designen, aber ich sehe die Gründe, weshalb es per CSS doch besser ist schon ein, deshalb versuche ich es.

Aber ich komme nicht weiter.

Ich habe einen Div Container, dieser heißt "navi". In diesem Div-Container sollen von ganz links zur Mitte 4 Textlinks rein. Gleichzeitig soll aber ganz rechts auch ein Text stehen. Und die Texte sollen, vertikal gesehen, links stehen.
In etwas so:

-------------------------------------------------
| Link1 Link2 Link3                  Hallo Text |
-------------------------------------------------

Bisher habe ich das immer so gelöst, dass ich eine Tabelle mit selber Höhe wie den Div-Container erstellt habe, da dann <td valign="middle" align="left"></td> und <td valign="middle" align="right"> geschrieben habe und dann hat das gepasst.

Ohne Tabelle kriege ich es nicht hin. Habe es so probiert:

<div id="Container1">
 <div id="Links">blablabla</div>
 <div id="Rechts">blablabla</div>
</div>

Im Stylesheet:

#Container1 {
width:390px;
height:60px;
}

#Links {
float:left;
width:300px;
height:60px;
text-align:left;
}

#Rechts {
float:right;
width:85px;
height:60px;
text-align:right;
}

Da ist es dann aber so, dass der Text rechts ist, aber irgendwie unter dem anderen und nicht auf gleicher Höhe.

Kann mir da jemand helfen???