• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

IE 8 - height 100% problem

citybreaker

Neues Mitglied
Hallo,

ich habe zwie DIV Container deren höhe ich gerne auf 100% bringen würde. Allerdings scheint das im IE8 nicht ganz zu funktionieren. Habe schon im Forum nach einer Lösung gesucht und gesehen das man die Höhe von html in css auch auf 100% setzten muss. Funktionieren tuts trotzdem noch nicht. Die höhe des Containers nav passt sich leider nur dem Inhalt an.


Jemand ne Idee woran es liegen kann?

style.css
HTML:
html,body {
     height: 100%;
}

body {
     background: #FFF;
     color: #000;
     font: 12px verdana, arial, helvetica, tahoma, sans-serif;
     line-height: 1.5;
     margin: 0;
     padding: 0;
     width: 100%;
}

/* LAYOUT */
#container {
     float: left;
     height: 100%;
     width: 100%;
}

#nav {
     background: #333;
     float: left;
     width: 200px;
     position: relative;
     min-height: 100%; 
     height:auto !important;
     height: 100%;
}

#section {
     float: right;
     padding: 20px 0 0 0;
     text-align: center;
     width: 80%;
}

#article {
    padding: 20px;
}


index.php
HTML:
<body>
     <div id="container">
          <div id="nav">...</div>

          <div id="section">   
               <div id="article">     
                    ...
               </div>
          </div>
     </div>     
</body>
 
Zuletzt bearbeitet:
Zurück
Oben