_height:expression

bot87 · May 13, 2011

Привет!!

Что за _height:expression(document.body.clientHeight+'px'); и где его использовать??

Это растягивание на высоту родителя дочернего блока или нет??

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Документ без названия</title>
<style type="text/css">
.za{position:relative;
top:100px;
left:100px;
width:200px;
height:400px;
background:url(d.jpg) no-repeat;
z-index:1}
.moo{position:absolute;
background-color:red;
top:10px;bottom:20px;right:10px;
_height:expression(document.body.clientHeight+'px');
z-index:2;}
</style>
</head>

<body>
<div class="za">

<div class="moo">jyjr
</div>
</div>
</body>
</html>

Как настроить чтоб работало в ie6

Edited May 13, 2011 by bot87

Gaspode · May 13, 2011

Что за _height:expression(document.body.clientHeight+'px'); и где его использовать??

Это уродство и использовать его не надо нигде.

Скажите, что надо сделать.

psywalker · May 13, 2011

Блин, ну когда же код будут помещать в спец. теги???

bot87, тебе предупреждение.

А по сабжу держи, разбирайся.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title></title>
    <style type="text/css">
        body{
            margin:0;
        }
        .wrap{
            position:relative;
            overflow:hidden;
            width:80%;
            top:10%;
            left:10%;
            border:1px solid #000;
        }
        .content{
            position:absolute;
            overflow:hidden;
            top:10%;
            bottom:10%;
            left:10%;
            right:10%;
            background:red;
            _height:expression(this.parentNode.offsetHeight-this.parentNode.offsetHeight/100*20+'px');
            _width:expression(this.parentNode.offsetWidth-this.parentNode.offsetWidth/100*20+'px');
        }
    </style>
</head>

<body>
    <div class="wrap">
        <div class="content">
            <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.</p>

            <p>Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
            <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.</p>
    <p>Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
            <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.</p>
    <p>Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
            <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.</p>

            <p>Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
        </div>
        <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.</p>
        <p>Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
        <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.</p>
<p>Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
        <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.</p>

<p>Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
        <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.</p>
        <p>Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
    </div>
</body>
</html>

bot87 · May 13, 2011

пасиб))

ты нащет code?

psywalker · May 13, 2011

пасиб))
ты нащет code?

Да!

bot87 · May 13, 2011

оооо!!исправил ща везде исправлю

psywalker · May 13, 2011

оооо!!исправил ща везде исправлю

Правильно, и в будущем всегда делай как нужно.

Sign In

_height:expression

Question

bot87

Link to comment

Share on other sites

6 answers to this question

Recommended Posts

Gaspode

Link to comment

Share on other sites

psywalker

Link to comment

Share on other sites

bot87

Link to comment

Share on other sites

psywalker

Link to comment

Share on other sites

bot87

Link to comment

Share on other sites

psywalker

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information