I have been trying to fit a div into the browser’s working area by setting div’s
width and height as 100 %. Despite i am getting a vertical and horizontal scroll bars
on the screen.
HTML:
<html>
<body>
<div id="test">
</div>
</body>
</html>
CSS:
#test{ width:100%; height:100%; background-color:red; }
body{ margin:0; padding:0; }
I also tried this with scripting, But same result returned.
SCRIPT:
$('#test').css({'width':$(window).width(),'height':$(window).height()});
I Have Been Testing This With IE9. Any Ideas To Avoid This.?
Solution Obtained:
The Problem is, i Forgot to specify the border attribute for Body
Now its Fine, The H and V scroll bar Got Vanished.
Any way Thank you guys for your timely response.