Inneres DIV soll die Höhe für das äußere DIV vorgeben

Dieses Thema im Forum "Webdesign" wurde erstellt von DeltaFox, 26. Dezember 2013 .

  1. 26. Dezember 2013
    Hallo,
    ich sitz nun schon seit fast 1h an diesem Scheiß Problem.
    Das innere Div (text) soll dem äußeren Div (content) die Höhe vorgeben, so dass sich das äußere Div an die Text Länge anpasst. Es klappt aber einfach net.

    Ich würde freuen, wenn mir jemand schnell helfen könnte.

    CSS:
    Code:
    #content {
     background-color: #FFF;
     height: 100%;
     box-shadow: 1px 1px 3px #A3A3A3;
    }
    
    .heading {
     font-family: 'Italianno', cursive;
     color: #676761;
     font-size: 38px;
     height: 85px;
     width: 1000px;
     line-height: 95px;
     text-align: center;
    }
    
    .text {
     font-family: 'Open Sans', sans-serif;
     font-size: 16px;
     line-height: 20px;
     height: 100%;
     color: #676761;
     padding-left: 30px;
     padding-right: 30px;
    }
    
    HTML:
    Code:
    <html>
     <head>...</head>
     <body>
     <div id="wrapper">
     <div id="header">
     <div class="header-bar">...</div>
     <div class="header-image"></div>
     </div>
     <div id="content">
     <div class="heading">Title</div>
     <div class="text">Text</div>
     </div>
     <div id="footer">...</div>
     </div>
     </body>
    </html>
    
    Bei den ... hab ich irrelevanten Code raus genommen.

    Vielen Dank
     
  2. 26. Dezember 2013
    AW: Inneres DIV soll die Höhe für das äußere DIV vorgeben

    Lass "height: 100%" weg (generell), denn das bewirkt vermutlich gar nicht mal das, was du meinst.
     
    1 Person gefällt das.
  3. 27. Dezember 2013
    AW: Inneres DIV soll die Höhe für das äußere DIV vorgeben

    versuchs mit "min-height: 10px" bei beiden. dann sollte sich die größe anpassen.
     
    1 Person gefällt das.
  4. 27. Dezember 2013
    AW: Inneres DIV soll die Höhe für das äußere DIV vorgeben

    Super danke nun klappt es
     
  5. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.