Centralna pozicija div-a in 100% height

Sprašujem se ali je mogoče okvirju vsebine, ki je pozicioniran centralno torej "margin: 0px auto;" nastaviti da bo zavzel celotno višino ekrana, torej neke vrste "height: 100%".

Namreč kar sem prebiral po internetu je mogoče da div zavzame celotno višino ekrana le z "position: absoluet; height: 100%;" vendar potem div ni več centralno pozicioniran.

Sprašujem se kako bi bilo torej mogoče div z določeno širino centralno pozicionirati in določiti še height: 100%?

Ukvarjam pa se s tem templejtom http://www.alela.si/template/

Želim ta rdečo obrobljen div, da zavzame 100% višino.

.glavni-okvir {
    margin: 0 auto;
    width: 785px;
    border: 3px solid red;
    height: 100%;
    min-height: 100%;
}

Hvala

2 odgovora

Dodaj height:100% atribut še html in body elementu:

html, body {
height:100%;
}
1

Dela! Hvala.