Div im Div

[bob]

Hallo Leute,

habe einen Div-Container in dem zwei Divs nebeneinander liegen.
Die inneren Divs sind für den Content.
Wenn ich in einem von den inneren Divs z.B. Text einfüge passt sich die Höhe des Divs an nicht aber die Höhe des Div-Container.

Brauche den Div-Container weil die inneren Divs auf "float:left;" gesetzt sind und sie deswegen nicht zentriert auf der Seite dargestellt werden können. Der Div-Container wurde auf "margin: 0px auto;" gesetzt.

Wie kann ich es erreichen, dass sich die Höhe des Div-Containers automatisch an die Höhe der inneren Divs anpasst?

CSS:

.div_container{
   margin: 0px auto;
   width: 500px;
}

.inneres_div1, .inneres_div2{
   width: 250px;
   float: left;
}

HTML:

<div class="div_container">
   <div class="inneres_div1"></div>
   <div class="inneres_div2"></div>
</div>

Gruß, Bob

[Eric Eggert]

Davon abgesehen, dass deine div-Bezeichnungen selten dämlich sind (sorry) kannst du einfach folgendes in dein Stylesheet einbauen, was allerdings die Zentriertheit des div.container aufhebt:

.div_container{
   margin: 0 auto;

float: left;

width: 500px;
}

Gruß, Eric

[bob]

Davon abgesehen, dass deine div-Bezeichnungen selten dämlich sind (sorry) kannst du einfach folgendes in dein Stylesheet einbauen, was allerdings die Zentriertheit des div.container aufhebt:

.div_container{
   margin: 0 auto;
      float: left;
   width: 500px;
}

Gruß, Eric

Sorry Eric,

aber meine div-Bezeichnungen dienen nur als Beispiel damit man besser verstehen kann was gemeint ist und sind in meiner CSS-Datei natürlich anders.

Leider ist dein Posting etwas dämlich (sorry) weil deine Lösung meine Zentrierung aufhebt und somit überhaupt keine Hilfe.

Also nächstes mal nicht gleich mit der Tür ins Haus fallen!
Trotzdem danke für deine Anwort.

Gruss, Bob

[yetanotheruser]

Damit sich die Höhe des äuseren Containers an die Höhe der inneren anpasst, musst du das Floating aufhaben.

Baue nach den beiden inneren Divs noch ein Div ein mit folgenden Eigenschaften

<div class="breaker"></div>

div.breaker {
  clear:both;
  height:1px;
  overflow:hidden;
}

Dann sollte sich der äußere Container aufziehen.

Gruß Ben

[Ashura]

Hallo bob.

Wie kann ich es erreichen, dass sich die Höhe des Div-Containers automatisch an die Höhe der inneren Divs anpasst?

Du könntest dem äußeren div-Element ein http://de.selfhtml.org/css/eigenschaften/positionierung.htm#overflow@title=overflow:auto verpassen.

Einen schönen Mittwoch noch.

Gruß, Ashura

[bob]

Du könntest dem äußeren div-Element ein http://de.selfhtml.org/css/eigenschaften/positionierung.htm#overflow@title=overflow:auto verpassen.

Hallo Ashura,

wie könnte es auch ander sein, du hast natürlich die richtige Lösung für mein Problem.

VIELEN, VIELEN, DANK!

Wünsche dir natürlich auch einen schönen Mittwoch!

Gruß Bob

[Genie]

Warum soll sich der Container den anpassen, und woran siehst du, das er's nicht macht?