[Solved] 2 div ids need to take up half page each [closed]


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]