In einem Div-Kontainer möchte ich 2 weitere Div-Kontainer verpacken, die neben einander sein sollen.

Ich habe das mit Float hinbekommen, allerdings ändert sich die Höhe des umfassenden Div-Kontainers nicht, wenn ich mehrzeiligen Text eingebe.
Nun möchte ich aber, dass sich die Höhe ändert... kann mir einen einen Tipp geben?

Lg
Chris

ps:

HTML:

HTML-Code:

<div class="inhaltbox">
  <div class="menu">MENÜINHALT</div>
  <div class="inhalt">INHALTINHALT</div>
</div>

CSS:

Code :

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21

.menu {     float: left;     width: 20%; } .inhalt {     width: 80%;     float: right; }   .inhaltbox {     background-color: #CCC;     margin-top: 7px;     width: 70%;     text-align: left;     -moz-border-radius: 10px;     -webkit-border-radius: 10px;     margin-right: auto;     margin-left: auto;     margin-bottom: auto;     padding: 10px; }

Zitat von ChrisEU

kann mir einen einen Tipp geben?

Wenn du floatest benötigst du in der Regel die clear Anweisung

Code css:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20

.clearfix:after {     content: ".";     display: block;     clear: both;     visibility: hidden;     line-height: 0;     height: 0; }   .clearfix {     display: inline-block; }   html[xmlns] .clearfix {     display: block; }   * html .clearfix {     height: 1%; }

HTML-Code:

<div class="inhaltbox clearfix">
  <div class="menu">MENÜINHALT</div>
  <div class="inhalt">INHALTINHALT</div>
</div>

Hi,

ein Blick zuvor in meinen Sticky-Thread " Wichtig: CSS - FAQ" der Themenübersicht im CSS-Forum hätte dir deine Frage beantwortet und dieses Thema erübrigt, dessen Fragestellung hier in der Vergangenheit schon so oft erörtert wurde, dass sie mir vor zwei Jahren einen Beitrag im Webmaster FAQ-Forum wert war

Zitat von Maik @ CSS - FAQ

6. Warum passt sich die Boxenhöhe nicht dem Inhalt an?

[closed]

mfg Maik