Table layout issue - making it work on different resolutions

[Danbow]

Hi Folks,

I've designed a site <SNIP>
and it looks good on my 800x600 resolution windows xp browser.
However when I look at it on 1025x768 it doesn't fill the page in the same way. I know why this is but how do I make the page look similar in both resolutions using table layout?

Any ideas greatly appreciated

[edited by: BlobFisk at 8:35 am (utc) on May 18, 2005]
[edit reason] No URLs please! See TOS [webmasterworld.com] [/edit]

[BlobFisk]

Hi Danbow and welcome to WebmasterWorld,

What units are you giving your table widths? Percentages or pixels? You can achieve a liquid layout (that is one that will fill all available space) by using percentage width.

You should also look at CSS instead of tables for layout, a visit to the CSS Forum [webmasterworld.com] is always worthwhile!

[Danbow]

Thanks for your reply

I'm stuck big time with layout. My page has a lot of space to it. I want to autostretch so the text is always central but also to keep a minimum width - is this possible?

[Emilio]

In Dreamweaver (do not know if you're using it) you can choose to make a layout fixed or autostretch.

If you choose fixed, your layout will remain the same size in any resolution.

Autostretch will stretch your layout to any resolution you want. So making an 800x600 layout autostretch, your layout will be adjusted to the resolution of the viewer.

[Danbow]

I am using dreamweaver. Thanks very much for you help.

[cuch]

You could use nested tables, like have your main table using 100% of the available space, then center another table inside it with the pixel widths defined.

[Reid]

If you switch from pixels to percentages you need to watch the text-wrap - check it in several resolutions or just resize the browser window to see how the text automatically wraps when it is stretched or compressed.

[Danbow]

Cheers guys

[artsncrafts]

This is something I've wondered about for a long time. Thanks so much.