JsFiddle – half vertical
JsFiddle – half horizontal
Do this in your css:
html,body{
margin:0;
padding:0;
height:100%;
width:100%;
}
#div_one{
height:100%; /*50 for other way */
width:50%; /*100 for other way */
background:#f00;
float:left; /*or display:inline-block; */
}
#div_two{
height:100%; /*50 for other way */
width:50%; /*100 for other way */
background:#00f;
float:left; /*or display:inline-block;*/
}
Then in your html:
<div id="div_one"></div>
<div id="div_two"></div>
11
solved 2 div ids need to take up half page each [closed]