Table width / column issues Options

[truthtechnician]

Hi everyone, I know my fair share of HTML/CSS, but I'm stuck this time and I really need help. I'm having trouble getting my tables to have the same fixed width, so they all line up vertically with the same width. I don't understand what I'm doing wrong, I have the width's set on them... Here's the code, if anybody could help me out that would be awesome :)

"<style type="text/css">
body {
background-color: #000000;
background-image: url(http://www.dreamstream.org/myspace/purp.jpg);
background-position: top left;
background-repeat: repeat;
background-attachment: fixed;
}
img {
border:0px;
}
table, tr, td {
background-color: transparent;
border: 0px;
}

table table {
background-color:transparent;
border: 0px;
}
table table table {
border-width: 10px;
border-color: #3c0a00;
border-style: solid;
background-color: #230000;
width:350px;
}
table table table td {
background-color: #230000;
width:auto;
filter:alpha(100);
-moz-opacity:1;
opacity:1;
-khtml-opacity:1;
}
table table table table{
border:0px;
width:auto;
}
table table table table td {
filter:none;
}
body, div, span, td, p, .orangetext15, .whitetext12, .lightbluetext8, strong, b, u, .redtext, .redbtext, .btext, .text, .nametext, .blacktext10, .blacktext12 {
font-family: Verdana;
font-size: 12px;
color: #000000;
font-weight: normal;
font-style: normal;
text-decoration: none;
}
.nametext {
padding: 5px;
font-family: Georgia;
font-size: 12px;
color: #b9b9af;
font-weight: bold;
font-style: normal;
text-decoration: none;
display: block;
}
.contactTable {
width:300px !important;
height:150px !important;
padding:0px !important;
background-image:url(http://www.dreamstream.org/myspace/contactbox.gif);
background-attachment:scroll;
background-position:center center;
background-repeat:no-repeat; 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;
}
.whitetext12, .orangetext15 {
font-family: Georgia;
font-size: 12px;
color: #b9b9af;
font-weight: bold;
font-style: normal;
text-decoration: none;
}
a.navbar:link, a.navbar:active, a.navbar:visited, a.navbar:hover, a.man:link, a.man:active, a.man:visited, a.man:hover, a, a:link, a:active, a:visited, a:hover, a.navbar:link, a.navbar:active, a.navbar:visited, a.navbar:hover, a.text:link, a.text:active, a.text:visited, a.text:hover, a.searchlinksmall:link, a.searchlinksmall:active, a.searchlinksmall:visited, a.searchlinksmall:hover, a.redlink:link, a.redlink:active, a.redlink:visited, a.redlink:hover {
color: #c10019;
font-weight: bold;
font-style: normal;
text-decoration: none;
}
a.navbar:hover, a.man:hover, a:hover {
color: #cc0000;
font-weight: bold;
font-style: normal;
text-decoration: underline;
}
.badge {
position: absolute;
left: 1px;
top: 1px;
}
.DataPoint=OnlineNow;UserID=17369271;{visibility:hidden;}

d.text td.text table table table td a img {width:100px;}
td.text td.text table table table td div img {width:80px;}
td.text td.text table table td img {width:260px; max-width:260px; width:auto;}
td.text td.text table table td a img {width:90px; max-width:260px; width:auto;}
td.text td.text table table td div img {width:80px;}
* html td.text td.text table table td img {width:260px;}
* html td.text td.text table table td a img {width:90px;}
* html td.text td.text table table td div img {width:80px;}
</style>"

[verbalistic]

what width are you going for? link to your myspace would be nice

[truthtechnician]

http://www.myspace.com/theblissbeyond

I was going for fixed width 100%, no specific pixel-width, I just wanted the tables to align. Would setting a specific pixel-width be easier? I set the width in table table table to 100% and then width auto, but for some reason in IE it isn't a fixed width / aligned width? I've tried a couple of different ways to do it and I can't seem to get it to work. Any help would be very much appreciated!

These are my body / table tags:

CODE

body {
    background-color: 000000;
    background-image: url(http://www.dreamstream.org/myspace/purp.jpg);
    background-position: top left;
    background-repeat: repeat;
    background-attachment: fixed;
    }
img {
    border:0px;
    }
table, tr, td {
    background-color: transparent;
    border: 0px;
    }

table table {
    background-color:transparent;
    border: 0px;
    }
table table table {
    border-width: 10px;
    border-color: 3c0a00;
    border-style: solid;
    background-color: 230000;
    width:100%;
    }
table table td.text table {width:auto;}
table table td.text table, table table td.text table td {width:100%;}
table table table td {
    background-color: 230000;
    filter:alpha(100);
    -moz-opacity:1;
    opacity:1;
    -khtml-opacity:1;
    }
table table table table{
    border:0px;
    }
table table table table td {
    filter:none;
    }

[verbalistic]

on the width part..you wouldn't want to put 100% try setting the specific pixel-width