Make Div tag like body tag

Question

I want to add background to div. If content height will be small, background will be cutted. If I add min-height, when window height is small, there are apeears scrollbar.. Help please)

http://stackoverflow.com/questions/1575141/make-div-100-height-of-browser-window OR http://jsfiddle.net/JamesD/hr8sL/ — , Sep 28 '13 at 09:34

score 3 · Accepted Answer · answered Sep 28 '13 at 09:52

3

Jacob is all right, just add a width property also,

div {
    height:100%;
    width:100%;
    background:#f00;
    color:#fff;
    position: fixed;
}

answered Sep 28 '13 at 09:52

Sunny Sharma

4,688
5
35
73

Jacob · Answer 2 · 2013-09-28T09:59:03.887

1

Not sure if I understood your question but try this:

div {
    width: 100%;
    height:100%;
    background:#f00;
    color:#fff;
    position: fixed;
}

edited Sep 28 '13 at 09:59

answered Sep 28 '13 at 09:46

Jacob

1,933
2
20
30

score 0 · Answer 3 · answered Sep 28 '13 at 10:01

For this purpose you should use some javascript.

function wh()
{
var height = window.innerHeight;
var width = window.innerWidth;

document.getElementById('--your div ID--').style.height = height;
document.getElementById('--your div ID--').style.width = width;
}

Now call that function wh() on body load. i.e.,

<body onload="wh()"></body>

Make Div tag like body tag

3 Answers3