Anzeige

Div in Div - äußeres DIV soll "mitgehen"

Div in Div - äußeres DIV soll "mitgehen" | PSD-Tutorials.de

Erstellt von danielx11, 10.10.2011.

  1. danielx11

    danielx11 Nicht mehr ganz neu hier

    Dabei seit:
    08.04.2008
    Beiträge:
    217
    Geschlecht:
    männlich
    Div in Div - äußeres DIV soll "mitgehen"
    Hi Folks,

    folgende Situation: Ich habe Ein äußeres DIV-Element:

    HTML:
    1.  
    2. #middle_bg {
    3.     width:798px;
    4.     background-image:url(images/loop.png);
    5.     background-repeat:repeat-y;
    6.     }
    7.  
    Und zwei innere Divs:

    HTML:
    1.  
    2.     <div id="middle_bg">
    3.         <div style="width:200px; float:left;">
    4.           <p>left </p>
    5.           <p>sd</p>
    6.           <p>sd</p>
    7.           <p>sd</p>
    8.           <p>sd</p>
    9.           <p>s</p>
    10.         </div>
    11.         <div style="width:400px; float:right;">
    12.           <p>right </p>
    13.           <p>df</p>
    14.           <p>d</p>
    15.           <p>fd</p>
    16.           <p>fd</p>
    17.           <p>fd</p>
    18.           <p>f</p>
    19.         </div>
    20.   </div>
    21.  
    Ich möchte, dass sich das äußere div, von der Länge her, entsprechend erweitert wenn sich die inneren Divs nach unten erweitern.

    Das war zwar der Fall, wenn ich das äußere Div mit position:relative bestückt habe, nur leider wurde der Hintergrund dann nicht mehr angezeigt.

    Hat jemand eine Idee wie man da vorgeht?

    Besten Dank vorab!!
     
    #1      
  2. mangaboy

    mangaboy Noch nicht viel geschrieben

    Dabei seit:
    28.10.2008
    Beiträge:
    8
    Geschlecht:
    männlich
    Div in Div - äußeres DIV soll "mitgehen"
    AW: Div in Div - äußeres DIV soll "mitgehen"

    Hey du!

    Ich würde spontan sagen das du die Höhe beim "#middle_bg" auf auto setzten musst!

    Also " height:auto; " müsste die Lösung sein!

    Lg
     
    #2      
  3. MyBad

    MyBad localhorst

    Dabei seit:
    18.12.2006
    Beiträge:
    1.977
    Geschlecht:
    männlich
    Div in Div - äußeres DIV soll "mitgehen"
    AW: Div in Div - äußeres DIV soll "mitgehen"

    Du musst die floats auch wieder beenden.

    Dies erreichst du, in dem du unterhalb der inneren DIVs einfach ein weiteres DIV mit style="clear: both;" packst.

    Als Tipp: Lagere alle CSS-Anweisungen aus.
     
    #3      
  4. Myhar

    Myhar Hat es drauf

    Dabei seit:
    01.11.2007
    Beiträge:
    2.103
    Geschlecht:
    männlich
    Ort:
    Ö
    Div in Div - äußeres DIV soll "mitgehen"
    AW: Div in Div - äußeres DIV soll "mitgehen"

    Damit hast du zwar prinzipiell Recht, jedoch ist es in 99% der Fälle nicht notwendig, zusätzliches Markup zu verwenden.
    Mit
    Code (Text):
    1.  
    2. #middle_bg{overflow:auto; height:100%}
    3.  
    sollte das gewünschte Verhalten auch erzielt werden können.

    L. G.
     
    #4      
  5. danielx11

    danielx11 Nicht mehr ganz neu hier

    Dabei seit:
    08.04.2008
    Beiträge:
    217
    Geschlecht:
    männlich
    Div in Div - äußeres DIV soll "mitgehen"
    AW: Div in Div - äußeres DIV soll "mitgehen"

    Hey Leute! Ihr seid top! :) Mit clear habe ich es lösen können. Das Overflow klappt sicherlich auch. Besten Dank dafür!!!
     
    #5      
Seobility SEO Tool
x
×
×