8 box 8 div layout

Made by: Rinoa

A nice logical 8 div layout. It works quite well with the placement of the divs.

About Me:

<style type="text/css"> .profileInfo, .contactTable, .userProfileURL, .interestsAndDetails, .userProfileDetail, .userProfileSchool, .userProfileNetworking, .userProfileCompany, .extendedNetwork, .latestBlogEntry, .friendSpace, .friendsComments, td div {display:none;} div td div, span.text div {display:block;} div td div div {position:absolute!important; z-index:9; left:50%; margin-left:1px!important;} div td div {position:absolute!important; z-index:9; left:50%; margin-left:-364px!important;} .blurbs {visibility:hidden;} .blurbs span.text, .blurbs span.text * {visibility:visible;} div table div form {display:none!important} div table div select {display:none!important} div table div .mslogo {display:none!important} div div table div li {display:none!important} div table div .profile {display:none!important} table.rail {position:absolute; top:-100px !important;} div div table div, div.clearfix a, input {display:none;} div.clearfix table div div {display:block;} a, a.man, a:link, a:visited{font-family: terminal; font-color: black; font-size:7pt; font-weight:normal; text-decoration:none; font-style:normal; line-height: 15px; text-transform: lowercase;} a:active, a:hover{font-family: terminal; color:white; text-transform:lowercase; font-size:7pt; font-weight:normal; text-decoration:underline; font-style:normal; line-height: 15px;}td, table, tr, span, li, p, div, textarea, DIV {font-family:terminal; color:black; font-weight:normal; font-decoration:none; font-style:normal; line-height: 15px;background-color:transparent} td, li, p, div, textarea {font-family: terminal; border-color:black; line-height: 15px} table{border-color:339999}a.navbar{font-family:terminal; font-size:7pt; font-weight:normal; line-height: 15px} a.navbar:link{color:black;} a.navbar:active{color:000000;} a.navbar:visited{color:black;} a.navbar:hover{color:000000;}a.searchlinkSmall{font-family:terminal; font-size:7pt; text-decoration:none; font-weight:normal;; line-height: 15px} a.searchlinkSmall:link{color:339999} a.searchlinkSmall:active{color:000000} a.searchlinkSmall:visited{color:339999} a.searchlinkSmall:hover{color:000000}body{font-family:terminal; background-color:white;; background-attachment:fixed; background-color: white; background-position: bottom right;}.nametext{font-family:rockwell;font-size:18pt;color:990066; font-weight:bold;}.blacktext10{font-family:terminal; font-size:10pt; color:339999; font-weight:normal;}.339999{font-family:terminal; font-size:8pt; color:339999; font-weight:normal; line-height: 15px}.btext, .itext, .text{font-family:terminal, arial, times new roman;font-size:8pt; color:339999; font-weight:normal; line-height: 15px} .orangetext15{font-family:terminal; color:339999; font-weight:normal; line-height: 15px}.lightbluetext8{font-family:terminal; font-size:8pt; color:339999; font-weight:normal; line-height: 15px}.tmz_imp{font-family:arial;color:FF0000;font-weight:bold}a img{}a:hover img{}body{scrollbar-arrow-color:black;scrollbar-Track-Color:white;scrollbar-Highlight-Color:black;scrollbar-base-color:black;scrollbar-Face-Color:white;scrollbar-Shadow-Color:black;scrollbar-DarkShadow-Color:black} body {background:white;} </style> <style> .background {background-color:transparent; position: absolute; left: 50 top: 190px; margin-left:-400px; width: 850px; height: 900px; z-index:0; visibility:visible !important; overflow:none;} .box1 {background-color:transparent; position: absolute; left: 50 top: 190px; margin-left:-425px; width: 850px; height: 75px; z-index:1; visibility:visible !important; overflow:auto; border:2px solid black} .box2 {background-color:transparent; position: absolute; left: 50 top: 275px; margin-left:-425px; width: 255px; height: 325px; z-index:1; visibility:visible !important; overflow:auto; border:2px solid black} .box3 {background-color:transparent; position: absolute; left: 50 top: 275px; margin-left:-140px; width: 275px; height: 225px; z-index:1; visibility:visible !important; overflow:auto; border:2px solid black} .box4 {background-color:transparent; position: absolute; left: 50 top: 275px; margin-left:170px; width: 255px; height: 325px; z-index:1; visibility:visible !important; overflow:auto; border:2px solid black} .box5 {background-color:transparent; position: absolute; left: 50 top: 515px; margin-left:-150px; width: 300px; height: 80px; z-index:1; visibility:visible !important; overflow:auto;border:2px solid black} .box6 {background-color:transparent; position: absolute; left: 50 top: 610px; margin-left:-425px; width: 850px; height: 100px; z-index:1; visibility:visible !important; overflow:auto;border:2px solid black} .box7 {background-color:transparent; position: absolute; left: 50 top: 720px; margin-left:-425px; width: 415px; height: 300px; z-index:1; visibility:visible !important; overflow:auto;border:2px solid black} .box8 {background-color:transparent; position: absolute; left: 50 top: 720px; margin-left:0px; width: 425px; height: 300px; z-index:1; visibility:visible !important; overflow:auto;border:2px solid black} </style>

Who I'd Like to Meet:

<div class="background"> </div> <div class="box1"> Box 1 </div> <div class="box2"> BOX 2 </div> <div class="box3"> BOX 3 </div> <div class="box4"> BOX 4 </div> <div class="box5"> BOX 5 </div> <div class="box6"> BOX 6 </div> <div class="box7"> BOX 7 </div> <div class="box8"> BOX 8 </div>