[CSS] DIV Container 100% Height

Dieses Thema im Forum "Webdesign" wurde erstellt von »The Gr4ndp4, 28. Juni 2013 .

Schlagworte:
  1. Diese Seite verwendet Cookies. Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies. Weitere Informationen
  1. #1 28. Juni 2013
    DIV Container 100% Height

    Hallo,

    ich habe folgendes Problem...

    Ich habe eine DIV Container für den Hauptbereich einer Website. Jedoch habe ich das Problem das wenn ich mehr Text in diesem Bereich stehen habe, der Container einfach aufhört, und der Text einfach weiter nach unten auf den Hintergrund geschrieben wird. Ich dachte wenn ich im Container heigth:100% angeben, passt er sich dann immer an.

    Hier der Code des Containers:

    Code:
    #main{
     background: url(../img/main.jpg) repeat-y ;
     background-size: 100% auto ;
     position: absolute;
     margin:auto;
     left: 30px;
     right: 30px;
     top: 424px;
     height:100%;
     width:950px;
    
    
    
    
    
    
     padding-top:50px;
     padding-left:50px;
    
    
    
    }
    
    Bin für jede Hilfe dankbar !!
     

  2. Anzeige
  3. #3 28. Juni 2013
    Zuletzt bearbeitet: 28. Juni 2013
  4. #4 28. Juni 2013
    AW: DIV Container 100% Height

    HTML:
    #main {
     min-height: 100%;
    }
    
     
  5. #5 28. Juni 2013
    AW: DIV Container 100% Height

    Hab einfach die height angabe im main container komplett raus gemacht, und schon funktionierts...

    Aber trotzdem danke
     
  6. #6 28. Juni 2013
    AW: DIV Container 100% Height

    [g]Flexbox MDN[/g]

    Absolut/Fixierte Elemente kannst du mit top:0; bottom:0; auf die volle Höhe des Fensters skalieren.
     

  7. Videos zum Thema
Die Seite wird geladen...
Similar Threads - CSS DIV Container
  1. Antworten:
    5
    Aufrufe:
    2.572
  2. Antworten:
    4
    Aufrufe:
    1.025
  3. Antworten:
    3
    Aufrufe:
    1.007
  4. [CSS] Layout mit divs

    Dr. Cox , 18. Juni 2011 , im Forum: Webdesign
    Antworten:
    4
    Aufrufe:
    1.219
  5. Antworten:
    2
    Aufrufe:
    776