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

Divs nebeneinander platzieren?

Extremefall

Mitglied
Hallo,
wie kann ich zwei Divs direkt nebeneinander platzieren? Mein Code:
Code:
<div style="float:left;" class="leftcolumn">
ddd
</div>
<div class="rightcolumn">rechte spalte </div>
Leider bleibt ein Freiraum dazwischen. leftcolumn ist 20% groß, rightcolumn 80%.

Was könnte der Fehler sein?

Edit: Muss einfach rightcolumn den float: right bekommen? Denn dann ist es aber nicht auf einer Höhe.
 
Zuletzt bearbeitet:
Niemals 100% Breite herausbekommen. Die hast du nämlich wenn du leftcolumn 20% und rightcolumn 80% gibts. Gib der rightcolumn einfach 79% dann sind sie auch nebeneinander. Dann haste aber halt 1% Freiraum. Ansonsten lieber mit festen Breiten arbeiten!
 
Funktioniert leider nicht mit den 79%. Ich will es aber lieber dynamisch gestalten, nicht mit festen Breiten. Wie könnte es sonst gehen?

Peinlicher Fehler: In einer anderen css Datei war der Abstand noch auf 60%. Sonst war alles schon so richtig. Trotzdem danke.
 
Zuletzt bearbeitet:
gib für die rechte box keine breite an sondern
Code:
margin-left:20%;

funktioniert prächtig, wie du hier sehen kannst: Test

HTML:
<div style="width:20%; float:left; background-color:yellow;">Like Spalte</div>
<div style="margin-left:20%; background-color:orange;">Rechte Spalte</div>
 
Zurück
Oben