Gri: Höhe eines Divs in Abhängikeit setzen

SELF-Forum

Höhe eines Divs in Abhängikeit setzen

Gri
– Informationen zu den Bewertungsregeln

Hallo,
gleich noch eins: Ein gefloatetes Div soll die Höhe des ihn umfließenden DIVs erhalten, wie gehts wenns geht?
DANKE

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Höhe eines Divs in Abhängikeit setzen

    RuD
    – Informationen zu den Bewertungsregeln

    Seid gegrüßt!

    gleich noch eins: Ein gefloatetes Div soll die Höhe des ihn umfließenden DIVs erhalten, wie gehts wenns geht?

    Du gibt den äußeren DIV eine definierte Höhe und setzt die Höhe des inneren DIVs auf 100%:

    --
    Bis Später
    RuD
    ________________________________________________________________
    SelfCode: ie:% fl:( br:^ va:) ls:< fo:| rl:( n4:& ss:) de:> js:| ch:| mo:| zu:)
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. Höhe eines Divs in Abhängikeit setzen

      Gri
      – Informationen zu den Bewertungsregeln

      Das funzt nicht im Mozilla - wenn ich da wieder ein DIV umschachtel, habe ich mein float-Problem von vorhin wieder.

      Zur veranschaulichung.

      <body>
      <!-- global: Abstand oben und links generieren -->
      <div id="global">
       (...)
       <!-- hauptanzeige rechts -->
       <div id="hauptanzeige">Hier die Hauptanzeige<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br>text
       </div>
       <div id="container">
        <!-- such-marker -->
        <div id="search">Suche
        </div>
        <!-- menu_seiten links -->
        <div id="menuseiten">Seitenmenu<br>text<br>text<br>text
        </div>
        <!-- login links unten -->
        <div id="login">Login
        <div>
           </div>
      </div>
      </body>

      CSS-Datei (Ausschnitt:

      #global {text-align:right;
       border:1px solid #00322f;
       border-top:0;
       margin:1em 0 0 3em;
       width:55em;
       height:auto;
       overflow:visible;
       background:#ffffff url(bgglobal.jpg) repeat-x top left;
       float:left }

      (...)
       #container {margin:0;
         padding:0;
         width:15em;
         float:left;
         height:100%;
         background:#37973b;}

      #search {text-align:left;
         margin:0;
         padding:0;
         width:15em;
         float:left;
         background:#37973b;}

      #menuseiten {text-align:left;
          margin:0;
          padding:0;
          width:15em;
          float:left;
          background:#37973b;}

      #login {text-align:left;
         margin:0;
         padding:0;
         clear:left;
         float:left;
         width:15em;
         background:#37973b;}

      #hauptanzeige {margin:0;
         padding:1em;
         text-align:left;
         background:#dbecc4;
         width:38em;
         float:right;}

      Wenn ich da noch eine DIV-Box von "Container" bis über "hauptanzeige" baue, dann geht die height aus DIV id="global" wieder futsch...

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln