Див да заема цялата височина на монитора

[ventsi34]

Здравейте, искам да попитам има ли начин по който мога да задам на един div независими колко информация има в него да заема цялата височина на монитора? Не знам дали ме разбрахте ако има нещо неясно ще дообесня.

 

[Battleman]

Това не ти ли върши работа?

[css]#div { height:100%; }[/css]

 

[HerpaMoTeH]

Имах подобен проблем и решението беше в javascript.

<script type="text/javascript">
var theWidth, theHeight;
// Window dimensions: 
if (window.innerWidth) {
theWidth=window.innerWidth;
}
else if (document.documentElement && document.documentElement.clientWidth) {
theWidth=document.documentElement.clientWidth;
}
else if (document.body) {
theWidth=document.body.clientWidth;
}
if (window.innerHeight) {
theHeight=window.innerHeight;
}
else if (document.documentElement && document.documentElement.clientHeight) {
theHeight=document.documentElement.clientHeight;
}
else if (document.body) {
theHeight=document.body.clientHeight;
}
if(theHeight<500) theHeight=500;
    document.getElementById("hiddenbox").value=theHeight;
</script>

^ това е фунцкия за взимане на размерана прозореца. После се използва едно от свойствата на CSS, а именно min-height.

$height=$_SESSION[height]-262;

    $u_agent = $_SERVER['HTTP_USER_AGENT']; //Check browser if IE
    $ub = False;
    if(preg_match('/MSIE/i',$u_agent)){
        $ub = True;
    }

^ тук си записвам височината, защото я променям чрез PHP и проверявам дали browser-a e IE. Ако е IE изплнявам следното условие в head-a на документа:

if($ub==true){
    echo '<meta http-equiv="X-UA-Compatible" content="IE=edge" />';
}

За нещастое този мета таг работи само за IE9. Надявам се, че успях да ти помогна

 

[adrian]

html, body, #wrapper {
heigth: 100%;
}

За да ти работи height: 100% за цялата страница просто трябва да сложиш и на html и body височината да е 100%

 

[ventsi34]

html, body, #wrapper {
heigth: 100%;
}

За да ти работи height: 100% за цялата страница просто трябва да сложиш и на html и body височината да е 100%

Опитах по този начин но нещо не ми сработва?

 

[shterev]

[css]html, body {
height: 100%;
}

#content {
min-height: 100%;
}[/css]

Дано си се ориентирал И работи.

 

[HerpaMoTeH]

[css]html, body {
height: 100%;
}

#content {
min-height: 100%;
}[/css]

Дано си се ориентирал И работи.

А IE :?