I just began laying out a website for a client and I am running into some trouble getting the tables to work properly. Here is the situation (hopefully I can give you a good picture of what I am trying to say):

I have a table, 760 pixels wide. In the main cell of that table, I have another table, 335 pixels wide, that I have set to be justified right so that any text will wrap around the table and continue on down the page. This works ok as you can see here:

trustmark.ca/edl/lifestyle/recreation.asp

However, I want to add tables in the page where the text is. My original thought was, "I will add in a table set to 90%, and it will display at 90% in the smaller area at the top, and then once the menu on the right of the screen is complete, the table will be 90% of the table cell". But what is happening, is the table is taking up 90% of the main cell and overlapping the table that I have that is right justified. See what I mean here:

trustmark.ca/edl/lifestyle/attractions.asp

Can anyone think of a way to get around this? I would like to use tables with a repeat region down the page (the data is being taken from a database). But the width of the table at the top of the page next to the menu on the right needs to be somehow set smaller than the rest of the page.

Any help is appreciated.

howdy,

I noticed your overall width is always 760. Why couldnt you just set the left table to a specific size that fits instead of using a percentage?

<h6>JUXTAFLO_</h6>
<img src="www.juxtaflo.com/images/flashkit_footer.jpg" border=0>

chadmih, I considered that but Ideally, I want the text to wrap around the menu on the right... If I specified a specific width in pixels, it would just run straight down the page and wouldn't wrap around the menu.

See what I'm sayin?

flexman44 im sorry that i can not help you out with your problem but i have a question for you about table alignment.
Im very new to web design as this is my first site. Im trying to make it so that a table does not cross the border on the left side of the page.

www.nodiet.com

the table is on the order page. This has been driving me crazy and im sure that there is a simple solution.

Thanks for any help in advance

What you could do is put all of your content in a table that is 1 row x 2 columns with the width of the table set to 100%. Set the width of the first column to 150 pixels and don't set any width for the second column. All of the content will go in the second column. This way, the first column will always stay 150 pixels wide, and won't allow any of the content to overlap the BG image on the left side of the screen. The second column will always take up the rest of the screen no matter what resolution.

Hope that helps...

Hi Flexmann

The only way I could get the result you're after is for you to remove the width attribute for the tables, this allows them to wrap around the right aligned navigation table and expand to full width.

I have tested in IE6, Firebird, Opera all okay, Netscape 6.2 was a bit flaky but is fixable, possibly.

Digga

Sharing Knowledge Saves Valuable Time!!!

Digga,

That is exactly what I was looking for... Thanks....