pingustar: DIV Blöcke sollen inhaltsbedingt übergeordneten DIV Block vergr.

Hallo Zusammen,

ich habe ein problem bei meinem Layout.

ich habe ein div, welches mehrere divs beinhaltet. die inneren divs vergrößern je nach inhalt und text menge das äußere div. das funktioniert hier: http://langheimer-solutions.de/ls/index.php?article_id=4 wunderbar.

hier jedoch: http://langheimer-solutions.de/ls/index.php?article_id=2 habe ich 2 divs nebeneinander innerhalb des selben "rahmen" divs und wie ihr sehen könnt, wird hier das äußere DIV nicht vergrößert.

ich kann absolut nicht sagen wieso und hoffe von euch ein paar wertvolle tipps zu bekommen!

danke schonmal und grüße
jan

  1. Hallo,

    hier jedoch: http://langheimer-solutions.de/ls/index.php?article_id=2 habe ich 2 divs nebeneinander innerhalb des selben "rahmen" divs und wie ihr sehen könnt, wird hier das äußere DIV nicht vergrößert.
    ich kann absolut nicht sagen wieso und hoffe von euch ein paar wertvolle tipps zu bekommen!

    die beiden inneren div-Elemente sind gefloatet. Damit hast du sie aus dem regulären Elementfluss herausgelöst; für die Position und Größe der über- und nebengeordneten Elemente sind sie damit praktisch nicht vorhanden.

    Ciao,
     Martin

    --
    Die letzten Worte der Challenger-Crew:
    Lasst doch mal die Frau ans Steuer!
    1. danke für die flotten antworten!

      ... das erklärt natürlich das fehlverhalten!

      nur wie bekomme ich die 2 divs nebeneinander ohne float zu benutzen?

      danke und grüße

      1. hallo,

        nur wie bekomme ich die 2 divs nebeneinander ohne float zu benutzen?

        'inline-block' - eine Alternative zu 'float'

        grüße,
        henman

        --
        "Sir! We are surrounded!" - "Excellent! We can attack in any direction!"
        1. vielen dank! dein link hat mir den tag gerettet :)

          hallo,

          nur wie bekomme ich die 2 divs nebeneinander ohne float zu benutzen?

          'inline-block' - eine Alternative zu 'float'

          grüße,
          henman

  2. Hi,

    hier jedoch: http://langheimer-solutions.de/ls/index.php?article_id=2 habe ich 2 divs nebeneinander innerhalb des selben "rahmen" divs und wie ihr sehen könnt, wird hier das äußere DIV nicht vergrößert.

    ich kann absolut nicht sagen wieso und hoffe von euch ein paar wertvolle tipps zu bekommen!

    einer der Hauptzwecke von Floating ist es, dass die Elemente aus ihren Elternelementen herausragen können - deren Größe darf also nicht durch die Dimension enthaltener gefloateter Elemente beeinflusst werden. Da dies nicht sinnvoll möglich ist, wenn das Elternelement einen anderen overflow-Wert besitzt als den Default "visible", wird diese Regelung hierdurch entsprechend durchbrochen.

    Cheatah

    --
    X-Self-Code: sh:( fo:} ch:~ rl:| br:> n4:& ie:% mo:) va:) de:] zu:) fl:{ ss:) ls:~ js:|
    X-Self-Code-Url: http://emmanuel.dammerer.at/selfcode.html
    X-Will-Answer-Email: No
    X-Please-Search-Archive-First: Absolutely Yes