table alignments Options

[adntigger710]

Hey everyone! I'm currently designing a new layout with some of the code from my old layout. The tables are aligned to meet in the center, and all the extra space is on the left and right sides. I know that when I add my content my image will be hidden by most of it. Since my background image is centered, I want the tables to run along the left and right sides, respectively, so you can see the background image. I guess you could say like this page... http://profile.myspace.com/index.cfm?fusea...iendID=69084011 . If her table wasn't so stretched out because of that pic it would be pretty much just what I was looking for, with the middle open instead of the sides. Here's my page... http://profile.myspace.com/index.cfm?fusea...iendid=66573382 . In case you need my code, here it is...

CODE

<style type="text/css">
.mygen { Created using MyGen 2.5 - www.mygen.co.uk }

.mygen { Background Properties }
table, tr, td { background-color:transparent; border:none; border-width:0;}
body {
    background-image:url('http://i18.photobucket.com/albums/b146/alicianocapiscia/supermanretbglong.jpg');
    background-attachment: fixed;
    background-position:top center;
    background-repeat:no-repeat;
    scrollbar-face-color:7B0002;
    scrollbar-highlight-color:444444;
    scrollbar-3dlight-color:AB4A00;
    scrollbar-shadow-color:888888;
    scrollbar-darkshadow-color:333333;
    scrollbar-arrow-color:222266;
    scrollbar-track-color:EEAA22;
     }

.mygen { Table Properties }
table table { border: 0px }
table table table table{border:0px}
table table table {
    border-style:solid;
    border-width:1px;
    border-color:EEAA22;
    background-color:transparent;
               }

.mygen { Text Properties }
table, tr, td, li, p, div {  color:FFFFFF;      }
.btext {  color:FFFFFF;      }
.blacktext10 {  color:FFFFFF;      }
.blacktext12 {  color:FFFFFF;      }
.lightbluetext8 {  color:EEAA22;      }
.orangetext15 {  color:EEAA22;      }
.redtext {  color:FFFFFF;      }
.redbtext {  color:EEAA22;      }
.text {  color:EEAA22;      }
.whitetext12 {  color:EEAA22;      }
a:active, a:visited, a:link {  color:FFFFFF;      }
a:hover {  color:AA2222;      }
a.navbar:active, a.navbar:visited, a.navbar:link {  color:EEAA22;      }
a.navbar:hover {  color:AA2222;      }
a.redlink:active, a.redlink:visited, a.redlink:link {  color:EEAA22;      }
a.redlink:hover {  color:AA2222;      }
.nametext {  color:EEAA22;      }

.contactTable {width:300px!important; height:150px!important; padding:0px!important; background-image:url("http://i18.photobucket.com/albums/b146/alicianocapiscia/smct.jpg"); background-attachment:scroll; background-position:center center; background-repeat:no-repeat; alpha(opacity=70); -moz-opacity:0.70; opacity:0.70; -khtml-opacity:0.70; background-color:transparent;}
.contactTable table, table.contactTable td {padding:0px !important; border:0px; background-color:transparent; background-image:none;}
.contactTable a img {visibility:hidden; border:0px!important;}
.contactTable a {display:block; height:28px; width:115px;}
.contactTable .text {font-size:1px!important;}
.contactTable .text, .contactTable a, .contactTable img {filter:none!important;}

table table table td {vertical-align:top ! important;}
span.blacktext12 {
visibility:visible !important;
background-color:transparent;
background-image:url("http://i18.photobucket.com/albums/b146/alicianocapiscia/supermanretbanner2.jpg");
background-repeat:no-repeat;
background-position:center center;
font-size:0px; letter-spacing:-0.5px;
width:435px; height:212px; display:block !important; }
span.blacktext12 img {display:none;}


.mygen { Miscellaneous Properties }
tr {background:transparent;}
body table div font a, body table div div {visbility:hidden;}
body table table div font a, body table table div div {visibility:visible;}
</style>