Set height of a div to full screen

bbirajdar

Rate me:

4.71/5 (7 votes)

25 Dec 2011CPOL

73.4K

How to set the height of a div to full screen.

Here is how to set the height of a div to full screen:

JavaScript

min-height:expression( document.body.clientHeight +’px’);

If your website is jQuery enabled, the same can be achieved by:

JavaScript

$('#yourHtmlElementId').attr('height',$(window).height());

NOTE: The prime reason behind posting this trick was that 'height:100%;' does not work with IE 8 browser. So if any alternative is posted, I would request the authors to test it in IE 8 compatibility mode in IE 9.

License

This article, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Written By

bbirajdar

Web Developer

India

Software developer by profession, working for a service and product based organisation in India.

Career graph:
Software Programmer since 2002.
Web Developer in ASP.NET since 2004.

Interests:
I love reading the blogs and articles of technology experts. I love codeproject and stackoverflow .

I love to share knowledge and help the programmers. I appreciate if some body corrects my code or my concepts which helps me learn.

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.

Set height of a div to full screen

License

Comments and Discussions