how can I enlarge the boundaries of an html table

Question

There are many tables nested inside as it showd in the following three images. Please give an idea so that I can see the circled images fully in the third image..

ps: if you want any html code of oa part, I can share it here on request..

Now 1 alt text http://img148.imageshack.us/img148/5750/21619773.jpg

2 alt text http://img408.imageshack.us/img408/2884/30078896.jpg

The Desired Html Page:

The Final Scene:

Answer 1

Having trouble understanding your question... if you're looking to enlarge a table, it might be as simple as setting the width. However, you'll get more of what I think you're looking for if you're usings divs and/or floats instead of tables... tables tend to make your layout very rigid and un-fluid.

If you're looking to move content to different areas on the page after the expand, this can be done in javascript by manipulating the DOM... I can't be more specific without understanding what you're trying to do.

Can you post a picture of what you want it to look like afterwards? The circles and arrows aren't giving me a clear understanding.