Hi guys,

Thanks in advance for your help. I can always count on this group to provide help. Here is my situation.

I need to place content inside two columns. The content needs to be fluid (needs to adjust to the user's browser)

The table is 100% (800px) and there are two columns. One for content and one for the sidebar.

content column
Inside of the content column I put a 585 px div. But, I want the content in the div to expand when the brower window expands. I changed the 585px div to 75% (expand to 75% of the browser) but then the table also expands greater than 800px.

sidebar
inside the sidebar column I put a div that is 161 px and that seems to work ok.

So, how do i use % divs that would not enlarge the table to greater that 800 px?


you might be asking why i am using divs inside table columns. Well, i created a great website but know i am forced to use an already existing template that uses tables for layout. So, I need to fit my design into the existing template. I don't want to strip out all my code and cut and paste the content into the tables. that would be much more work for me. The best solution is to cut and paste the content within the div's, that way my stylesheet still works.

Suggestions that don't involve getting rid of the table (since this is the template I am forced to use) will be helpful.

Thanks

Have you tried taking the width value OFF of the table ?

Thanks for the reply. The template owner will not allow me to take the 100% tag off the table. That section of the code is not editable.

So you have to table cells that contain div's and then your trying to use the divs for layout? To me, that would seem like a hard way to do it.

we are actually using both for layout. the table is set at 100% width (columns do not have any width set). but the divs with content using % for layout are inserted into the table, the stretches to more than 100%. i think i found one solution, define the column widths, then set the divs to 100% of each column. I tested it out on a page I created myself. Now i'll have to combine the template owner to modify his template. I'll keep you posted to tell you if we found a workaround.

ok, my last posting had a lot of errors. here it goes again.

we are actually using both for layout. the table is set at 100% width (columns do not have any width set). when the divs with content using % for layout are inserted into the table, the table stretches to more than 100%. i think i found one solution, define the column widths, then set the divs to 100% of each column. I tested it out on a page I created myself. Now i'll have to convince the template owner to modify his template. I'll keep you posted to tell you if we found a workaround.