Home/ Questions/Q 8426677
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-10T04:35:42+00:00

I want to change the body height dynamically using css expression.. my code is

  • 0

I want to change the body height dynamically using css expression.. my code is

HTML

<body >
 <div class="tall_top" >

 </div>
</body>

CSS

body {
     width:      100px;
     height:     expression(document.documentElement.clientHeight);
     background: red;
   }
 .tall_top { 
   background:#f1f1f1; 
   width:50%; 
   height:50%
  }

But It is not working in google chrome….. The inner div is not displaying. The height of body displaying in inspect element is 0px;

JS Fiddle

http://jsfiddle.net/3x6fh/

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    div.tall_top does not show up because your body,html does not have a height.

    Set the height to 100%

        html,body {
        margin:0;
        width:100%;
        height:100%;
        background:blue;
    }

    Demo: http://jsfiddle.net/codef0rmer/3x6fh/2/

    • 0