Khushi Khushi - 24 days ago 7
HTML Question

divide the page in three parts using div tag

I am trying to get the below layout for more than 1.5 hours but still can't get the right solution.

well if there are any duplicates then forgivve me for asking this question.

I want to have a layout like below diagram using div tag:

|_________________________________________________________________________________
|                                            |                                                                                                                     |
|                                            |                                                                                                                     |
|                                            |                                                                                                                     |
|                                            |                                                                                                                     |
|                                            |__________________________________________________________
|                                            |                                                                                                                     |
|                                            |                                                                                                                     |
|                                            |                                                                                                                     |
|                                            |                                                                                                                     |
|                                            |                                                                                                                     |
|                                            |                                                                                                                     |
|                                            |                                                                                                                     |
|                                            |                                                                                                                     |
|
__________________________________________________________________________________

I know how to do it using table tag.

Answer

Here is exact JSFiddle or JSBin

Make CSS as

#upleft { 
   width:100px; 
   height: 300px; 
   background:red; float:left; 
}

#upright { 
   width:300px; 
   height:200px; 
   background:blue; 
   float:left
}
#below { 
   height:300px; 
   width:400px; 
   background:green 
}

And in HTML

<div id="upleft"></div>
<div id="upright"></div>
<div id="below"></div>