Modifying area of appearence of div

Vote count:

0

I want to create a fullsite layout in which I can create subdivs into a preassigned position, WITHOUT positioning settings.

I've created a top, left and bottom wrapper which should always be fixed. Example follows:

http://ift.tt/1B8PYAB

What i want is to make ANY divs, following the top/left wrappers to appear below top- and leftwrapper.

 <div id="topwrapper">hej</div>
 <div id="leftwrapper">hej2</div>
 <div><p>I want this div to start within the topleft corner of the white area, without any positioning settings</p></div>
 <div id="bottomwrapper">hej3</div>

 #topwrapper {
position:fixed;
width:100%;
height: 100px;
background-color:blue;
color:white;
 }
#leftwrapper {
position:fixed;
width: 20%;
height:100%;
background-color:grey;
color:white;
top:100px;
}
#bottomwrapper {
position:fixed;
width:100%;
height:50px;
background-color: orange;
color:white;
bottom:0px;
}

asked 2 mins ago

Rasmus Hjorth Lüdeking

23

Modifying area of appearence of div