How to split page into 4 equal parts?

Question

I want to divide my page into four equal parts, each of same height and width (50-50%).

I don\'t want to use JavaScript. I want blocks (

Answer 1

try this... obviously you need to set each div to 25%. You then will need to add your content as needed :) Hope that helps.

 
   
   
   
   
   
   
     
Top- height is 25% of window height
     
Middle 1 - height is 25% of window height
     
Middle 2 - height is 25% of window height
     
Bottom - height is 25% of window height
   
 

Tested and works fine, copy the code above into a HTML file, and open with your browser.