Code: Select all
/* MAIN BODY STYLE */body { margin: 0px; padding: 0px; background: #fff;} #header { background: #dfe8f7; width: 800px; height: 10%; position: absolute; top: 0px; left: 50%; margin-left: -400px;} #content { background: #aaa; overflow: auto; width: 800px; height: 80%; position: absolute; top: 10%; left: 50%; margin-left: -400px;} #footer { background: #dfe8f7; clear: both; width: 800px; height: 10%; position: absolute; top: 90%; left: 50%; margin-left: -400px;} /* MAIN BODY STYLE - END */ /*CONTENT SUB-DIVS*/#display { background: #fff; overflow: auto; width: 600px; height: 80%; position: absolute; top: 0%; left: 50%; margin-left: -400px;} #authentication { background: #cba; overflow: hidden; width: 200px; height: 25%; position: absolute; top: 0%; left: 50%; margin-left: 200px;} #standings { background: #fab; overflow: hidden; width: 200px; height: 25%; position: absolute; top: 25%; left: 50%; margin-left: 200px;} #news { background: #baf; overflow: hidden; width: 200px; height: 25%; position: absolute; top: 50%; left: 50%; margin-left: 200px;} #articles { background: #fad; overflow: hidden; width: 200px; height: 25%; position: absolute; top: 75%; left: 50%; margin-left: 200px;}