myspace table sizing make tables same width size

MySpace, Table Sizing, Making Tables The Same Width Size

IF you want all of your left hand tables to line up, and size the same, you must set the table width wide enough to accomodate the largest element, placed inside the table.
You can hard set a table wider than its widest content element.
However if you set it smaller, then the content will cause the table to stretch.

The same is true for the right side tables.

The default width setting for left side tables is 300px.
The default width setting for MOST right side tables is 450px (myspace was not as consistent here)

Not only were the right size tables not sized consistently, their code for controlling the size of comment images, assumes an even larger right hand table size.
For this reason, I suggest setting the right side tables to 480px, and specifically setting the comment content column to 400px.
ANY SMALLER setting, for the comment table right column, will force you to add in your own image sizing control. This will force you to size ALL link images, in the comment content column, the SAME SIZE, and all Non Link images, the Same size.

To take advantage of the default myspace code, for controlling image and object size, in the comments, AND insure your right side tables size the same, I recommend the following code.
I remove some of the left margin space, and center space, to make room for allowing comment images up to 400px wide.

<a class=i href="http://xiii.us/ms1">
myspace customize code by Eileen</a>
<style>
.i {display:none;}
{! optional border !}
table table table {border:1px solid silver }
table table table table {border:0px  }
table table table td {border:0px }

{! smaller left column to make more room for right !}
table table table {width:295px !important}
{! override for deeper tables !}
table table table table table {width:auto !important;}

table table td.text table {width:100% !important}
table.friendsComments, 
table.friendsComments table, 
table.friendsComments td {width:490px !important; padding:0px !important; margin:0px !important}

table.friendsComments table table td {width:90px !important;}
table.friendsComments table table td img {padding:0px !important; border:0px !important;}
table.friendsComments table table td.columnsWidening {width:400px !important; padding:0px !important; margin:0px !important;}

{! override for deeper tables !}
table table td.text table table table {width:auto !important;}

{! blank space on left !}
table img {width: 0px}
{! space between left and right columns !}
table table img {width:5px}

div table img, 
table table table img {width:auto; }
td {width:auto !important;}

{! additional code to control vertical spacing !}
br {display:none;}
table table table br {display:inline;}
{! vertical space between tables !}
table table table {margin-bottom:13px;}
table table table table {margin-bottom:0px;}
{! space between nav bar and top tables !}
table table {margin-top:10px;}
table table table, table.navigationBar table {margin-top:0px;}


</style>