Help aligning table borders

Please visit the following site and look at the border around the bottom table. You will see that the right border does not quite line up with the right-borders of the tables above it. I've tried several things, but none have worked. How can I fix this so that the right borders line up? Thanks.
isaacr25Asked:
Who is Participating?
 
MrRobotCommented:
the following site?
0
 
isaacr25Author Commented:
Sorry... here it is:

www.mwebdev.com/vo
0
 
MrRobotCommented:
you shouldn't mix % widths with pixel widths in most cases. in the upper tables, you are using %100 for the table width, and in the bottom table, you use 766 pixels. that makes the difference, as the upper tables are not required to be 766 pixels wide. also, when you give a width to a table, the cell widths will be in the second plan. they can increase the width of the table, but not decrease.

so begin with a new, simpler design, make all the tables 766 pixels wide, with no % widths. after that, watch the page in every step to see if the addition breaks the table widths. you can for example, make a table with xxx pixels wide, and put a table in it using %100 width. but don't mix different type of values in one table.
0
 
Jason C. LevineNo oneCommented:
Isaac,

Mr. Robot is right.  Another tip would be to get Firefox and the Web Developer extension for it.  With that, you can outline every table on the page and use that to see where something has gone rogue and is taking your design in the wrong direction.

When I used it on your site, I notice that there is something next to the footer table that is one or pixels wider than the rest of the elements.  That's what causing the break.
0
 
Computer101Commented:
Forced accept.

Computer101
EE Admin
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.