Help aligning table borders

Posted on 2007-10-02
Medium Priority
Last Modified: 2012-05-05
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.
Question by:isaacr25

Accepted Solution

MrRobot earned 1000 total points
ID: 20003282
the following site?

Author Comment

ID: 20003324
Sorry... here it is:


Expert Comment

ID: 20003491
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.
LVL 70

Assisted Solution

by:Jason C. Levine
Jason C. Levine earned 1000 total points
ID: 20003756

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.

Expert Comment

ID: 20246320
Forced accept.

EE Admin

Featured Post

Upgrade your Question Security!

Add Premium security features to your question to ensure its privacy or anonymity. Learn more about your ability to control Question Security today.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

When crafting your “Why Us” page, there are a plethora of pitfalls to avoid. Follow these five tips, and you’ll be well on your way to creating an effective page.
The first step to building an amazing About page is to figure out what you want the page to say about your company. You then must grab the attention of the reader, boast a bit, tell a story and let others brag about you. With a little bit of thought…
In this tutorial viewers will learn how to style a corner ribbon overlay for an image using CSS Create a new class by typing ".Ribbon":  Define the class' "display:" as "inline-block": Define its "position:" as "relative": Define its "overflow:" as …
In this tutorial viewers will learn how to embed an audio file in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: : The declaration should display (CODE) HTML5 is supported by the most recent versions of all major browsers…
Suggested Courses

807 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question