• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Div Container nebeneinander auf einer Höhe ausrichten

Status
Für weitere Antworten geschlossen.
O

ohrflieger

Guest
Hallo,
Ich möchte gerne zwei Div-Container, die keine Feste Höhe, aber eine feste Breite haben, nebeneinander ausrichten, sodass die Oberkante der beiden Div-Container auf einer Höhe ist.
Hier die Seite:
OHRFLIEGER.de - Comics, Infos und mehr! - Home

Der Quelltext:

HTML:
<div style="background-color:#00a000;width:280px;align:top;">
<div class="rok">
<div class="lok">
<div class="ruk">
<div class="luk" style="padding:10px;">
Hallo. Ich stehe im Kasten. Und ich habe keine Ahnung, wieso ich formatiert bin, obwohl ich nichts davon weiß.
Hallo. Ich stehe im Kasten. Und ich habe keine Ahnung, wieso ich formatiert bin, obwohl ich nichts davon weiß.
</div></div></div></div></div>
<div style="background-color:#ccaa00;width:280px;position:relative;left:290px;bottom:100px;text-align:top;">
<div class="rok">
<div class="lok">
<div class="ruk">
<div class="luk" style="padding:10px;">
<img src="Bild/Img/of_ahnungslos_t.png"><br>
Hallo. Ich stehe im Kasten. Und ich habe keine Ahnung, wieso ich formatiert bin, obwohl ich nichts davon weiß.
</div></div></div></div></div>
(Die Klassen rok,lok,... sind für die Runden Ecken und haben keine Bedeutung.)

Das Problem ist, dass die Div-Container normalerweise untereinander gezeigt werden. Per position kann man den unteren Container zwar nach rechts und oben verschieben, aber da ich die Höhe des ersten Containers variabel halten will, kann ich nicht genau angeben, wie hoch der zweiten Container nach oben verschoben werden soll.
Hoffentlich könnt ihr mir folgen. Wisst ihr eine Lösung?
 
Das löst das Problem nicht.
Ich möchte die Kästen nebeneinander und den oberen Rand auf gleicher Höhe haben.
 
Hab übrigens eine Lösung gefunden. Mit float:left; wird der kasten umflossen. Bei bestimmter Breite bleibt der zweite Kasten rechts.

Hier für solche mit gleichem Problem (div1 = erster Kasten, div2 = zweiter Kasten):
HTML:
.div1{
background-color:#00a000;width:280px;float:left;margin-right:10px;
}
.div2{
width:280px; background-color:#ccaa00;
}
 
Status
Für weitere Antworten geschlossen.
Zurück
Oben