html - split a page into 2 halfs(top and bottom) -


i want split page 2 halves(not column) row(top , bottom) , give 2 colors 1 top , 1 bottom.

demo on dabblet.com

html:

<div id="top">top</div> <div id="bottom">bottom</div> 

css:

#top, #bottom {     position: fixed;     left: 0;     right: 0;     height: 50%; }  #top {     top: 0;     background-color: orange; }  #bottom {     bottom: 0;     background-color: green; } 

Comments

Popular posts from this blog

java - Play! framework 2.0: How to display multiple image? -

gmail - Is there any documentation for read-only access to the Google Contacts API? -

php - Controller/JToolBar not working in Joomla 2.5 -