DIV nebeneinander

Padarom · 27. Dezember 2012

Hey,
Zwei div's nebeneinander zu stellen sollte für jemand relativ erfahrenen ja eigentlich kein Problem sein. Aber scheinbar ist es das doch für mich.

HTML

<nav style="float: left; width: 20%; height:auto; border: 1px solid #999; margin: 0 15px 15px 0; padding: 5px;"></nav>
<div style="width: 90%; border: 1px solid #999; margin: 0 15px 15px 0; padding: 5px;"></div>

Selbstverständlich soll der div für den Inhalt komplett rechts angezeigt werden- und nicht die Navigation nur umfließen.
Ich hoffe jemand kann mir kurz einen Ansatz geben. Habe selbst bereits alle möglichen Dinge versucht, aber davon hat noch nichts geholfen.

Danke im Voraus.

Mit freundlichen Grüßen
Padarom

ChefCock · 27. Dezember 2012

Beide div mit float:legt; setzen und dann im 1div die Höhe machen

Padarom · 27. Dezember 2012

Wenn ich beide so setze und dann nav eine feste Höhe gebe, sind beide untereinander angeordnet (auch wenn ich stattdessen dem div eine Höhe zuweise).
Mit Pixelwerten kann ich nicht gehen, da der Inhalt variiert. Deshalb muss ich Prozentangaben machen.

Radanua · 27. Dezember 2012

Du möchtest die Container also nebeneinander setzen? Da bist du mit CSS schonmal an der richtigen Stelle, aber definitiv nicht so.. das ist mehr als hässlich und einige Browser checkens nich..

Schau dir mal das Attribut "White-Space" an.

xGreekz7x · 27. Dezember 2012

Probiere es mal so:

CSS

<nav style="float: left; width: 20%; height:auto; border: 1px solid #999; margin: 0 15px 15px 0; padding: 5px;">


</nav>
<div style="float:right;width:80%; border: 1px solid #999; margin: 0 15px 15px 0; padding: 5px;"></div>
<div style="clear:both"></div>

Grex · 27. Dezember 2012

Man kann auch <span id="..."> verwenden um container nebeneinander zu verwenden, ist z.B. bei Texte sehr praktisch, a sonst ein "Zeilenumbruch" wär.

breadfish.de 11. März 2022