---
title: "How to make a DIV fill the whole screen after page loading"  
description: "How to make a DIV fill the whole screen after page loading"  
author: "Manoj Bhatt"  
published: 2013-06-15  
updated: 2013-06-15  
canonical: https://www.mindstick.com/forum/1153/how-to-make-a-div-fill-the-whole-screen-after-page-loading  
category: "css-css3"  
tags: ["css-css3"]  
reading_time: 1 minute  

---

# How to make a DIV fill the whole screen after page loading

Hi [Expert](https://www.mindstick.com/articles/13120/an-expert-financial-advice-will-improve-your-finances),\
We are making a [website](https://www.mindstick.com/articles/13110/why-copywriting-is-crucial-for-new-website-build) for the TEDx in our city and we're stuck..\
Here's a [draft](https://answers.mindstick.com/qa/34813/why-do-nba-teams-draft-players) [copy](https://www.mindstick.com/forum/161993/explain-the-numpy-array-copy-vs-view-with-example) of it: tedx.mozerov.ru\
We have a div id="[section](https://yourviews.mindstick.com/view/297/reservation-for-economically-weaker-section)-[event](https://www.mindstick.com/articles/167719/marquee-hire-benefits-of-event-lighting-hire-london)" which we want to be for the whole [page](https://www.mindstick.com/articles/13031/why-to-make-a-wikipedia-page) on loading. We added the height:100%; and width:100%;, but the [block](https://www.mindstick.com/forum/157599/explain-the-process-control-block-pcb-in-the-operating-system) is still does not fill the whole page :(\
Please help!

## Replies

### Reply by AVADHESH PATEL

Hi Manoj,\
Well, not sure how you are going to use this div, but:\
position: absolute; top: 0; left: 0; height: 100%; width: 100%;\


---

Original Source: https://www.mindstick.com/forum/1153/how-to-make-a-div-fill-the-whole-screen-after-page-loading

Copyright © MindStick Software Pvt. Ltd. This Markdown version is provided for developers, AI systems, and offline reading.