Hey anybody,

I am having a difficult time dealing with this website design issue. Here is where the page is that I am dealing with:

http://www.newbornpro.com/index2.htm

This site is of course built with tables, below the text and graphic is 2 rows with 2 columns. When I try to add more text to any of those cells my whole main graphic totally offsets itself and moves far to the left totally looking out of place.

Check out this page to see how it is effected: http://www.newbornpro.com/index3.htm

Does anyone know how to fix this, it is driving me nuts! Much thanks to anyone who can offer some help!

First off, there are a LOT of nested tables in there. You could simplify it and come out with nicer, easier to manage code.

Your math is a bit off in the cell widths. The very first nested table, in the empty cell between the title graphic and the rollover links, you have the width set to 85. But the max width of your table is only 740. You need to change that 85 to 21:

            <td width="21" valign="top"> 
              <div align="center"></div> 
            </td>

Second, those tables below are a mess. I don't see why you need so many of them in there. But, to fix your problem, you should be able to just add a width to the bottom td:

                        <td colspan="2" width="735">Our goal is your satisfaction, each video production
                          has hours of creative editing behind it. Using sophisticated editing
                          programs and high end computer equipment, Let New Born Productions
                          capture the first precious moments of your babies new life.</td> 
                      </tr>

The site looks just fine in Firefox.

When I view your site today everything looked fine.

I love your business. It's a great idea.

Teresa

Thanks for the tips, it was an easy enough fix. Also, thanks for the compliment, it is a very good idea. Now we just need to make sure everybody knows about it.