Div2 in Div1 wobei Div1 mit Div2 wachsen soll

Einklappen
X
 
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • Div2 in Div1 wobei Div1 mit Div2 wachsen soll

    Der Titel bedarf weiterer Erklärung

    Also ich habe ein Div namens "Div2" in einem Div namens "Div1".
    Div1 stellt den Background-Container dar, Div2 ist mein Overlay.
    Nun ist Div1 konfiguriert mit einer min-height von 300px.
    Div2 wächst jedoch stetig und geht über Div1 hinaus.

    Wie bekomme ich es hin, dass Div1 in Abhängigkeit von Div2 mitwächst?

    Gruß an die Wissenden!

  • #2
    Zitat von kerbstone Beitrag anzeigen
    Wie bekomme ich es hin, dass Div1 in Abhängigkeit von Div2 mitwächst?
    Das wäre zunächst mal das Standard-Verhalten, wenn du Div2 ganz normal im Fluss belassen und auch für Div1 keine dem widersprechenden Angaben gemacht hättest.

    Welche Formatierungen du vorgenommen hast, die das unterbinden, können wir nicht wissen.
    I don't believe in rebirth. Actually, I never did in my whole lives.

    Kommentar


    • #3
      Dies ausführliche Codeformulierung ist wie folgt, wobei
      zu definieren ist, dass Div1 = processContainer und
      Div2 = processContent. Wie müsste es nun aussehen,
      wenn Div1 in Abhängigkeit von Div2 wachsen soll?

      Code:
      <style type="text/css">
      html, body {
      	margin: 0px;
      	padding: 0px;
      	border: 0px;
      }
      
      #processContainer {
      	margin-left: 25%;
      	margin-top: 5%;
      	position: absolute;
      	float: left;
                 width: 500px;
                 min-height: 300px;        /* gute Browser */ 
                 height: auto !important;  /* gute Browser */
                 height: 300px;            /* dumme Browser */
      	background-color: #CCCCCC;
      }
      
      #processContainer #processHeader {
      	position: absolute;
      	width: 100%;
      	height: 35px;
      	background-color: #FFFFCC;
      	border-bottom: 5px solid #000000;
      }
      
      #processContainer #processContent {
      	position: absolute;
      	left: 160px;
      	top: 40px;
      	width: 340px;
      	background-color: #FF0000;
      }
      
      #processContainer #processNavigation {
      	position: absolute;
      	float: left;
      	top: 24px;
        	left: 0px;
      	width: 160px;
      }
      </style>
      Code:
      <div id="processContainer">
      	<div id="processHeader"></div>
      	<div id="processNavigation"></div>
      	<div id="processContent"></div>
      </div>
      Zuletzt geändert von kerbstone; 20.03.2010, 15:54.

      Kommentar


      • #4
        Zitat von kerbstone Beitrag anzeigen
        Wie müsste es nun aussehen,
        wenn Div1 in Abhängigkeit von Div2 wachsen soll?
        Dann dürfte Div2 natürlich nicht absolut positioniert sein.
        I don't believe in rebirth. Actually, I never did in my whole lives.

        Kommentar


        • #5
          Zitat von wahsaga Beitrag anzeigen
          Dann dürfte Div2 natürlich nicht absolut positioniert sein.
          Ooops! Schnell korrigiert

          Dennoch, die Div2 Box erstreckt sich weit über die Div1 Box,
          wobei die Div1 Box doch nun Div2 Box beinhalten sollte und
          entsprechend mitwächst. Was ist hier falsch?

          Kommentar


          • #6
            Zitat von kerbstone Beitrag anzeigen
            Dennoch, die Div2 Box erstreckt sich weit über die Div1 Box, wobei die Div1 Box doch nun Div2 Box beinhalten sollte und entsprechend mitwächst. Was ist hier falsch?
            Div1 darf nicht mitwachsen, weil du ihm eine feste Höhe gegeben hast ...
            I don't believe in rebirth. Actually, I never did in my whole lives.

            Kommentar


            • #7
              Zitat von wahsaga Beitrag anzeigen
              Div1 darf nicht mitwachsen, weil du ihm eine feste Höhe gegeben hast ...
              Mit

              min-height: 300px; /* gute Browser */
              height: auto !important; /* gute Browser */

              gebe ich doch der Div Box eine Mindesthöhe die beliebig wachsen kann, dachte ich...

              Kommentar


              • #8
                Zitat von kerbstone Beitrag anzeigen
                Mit
                min-height: 300px; /* gute Browser */
                height: auto !important; /* gute Browser */

                gebe ich doch der Div Box eine Mindesthöhe die beliebig wachsen kann, dachte ich...
                Und eine Zeile weiter schreibst du

                height: 300px; /* dumme Browser */

                und hebst die Zeile davor damit wieder auf...

                Kommentar

                Lädt...
                X