Set height of a div to full screen using CSS
<title>DIV with full screen height</title>
border: solid 1px #000000;
<div class="Fullscreen">Hello world</div>
I have tested this script in the following Web browsers:
- Internet Explorer(8,9)
- Mozilla Firefox(6)
- Google Chrome(9)
Note: The border causes scroll bars to appear. You can use 99 percent and set the body to be the same color as the div to make it look correct.
For this issue, 2 fixes there. Do changes in the code like below.
1. Make the DIV borderless
border: solid 0px #000000;
border: none 1px #000000;
2. Reduce the Width & Height values of DIV
Programmer | Dude | ||||||
About him & his blog? check out here
. Currently he's updating the site, he'll return soon there with more things*
In Codeproject, he posted a blogpost
& more than couple of Tip/Tricks
, hope he'll write more soon.
Favorite techs are MVC, WCF, Mobile, HTML5, CSS3, jQuery, etc.,
His hobbies are watching movies, CP, being alone, etc., But now he's working on something*