Tables problem

[tejas_shah]

Hi everyone,

I use lots of tables on my site. But when i view it on different computers with different screen dimensions, it shows up completely messed up. For example, on 800 X 600 table is out of order, on 1024 X 768 it seems fine.

Is there anyway i can keep it constant?

If you would like to see the site, send me a sticky mail...

Thank for all your help.

Tejas

[me2287]

You can you percentage widths and heights in your design. For example, on a TD element you can add style="width : 50%;" instead of something like width="500" or style="width : 500px".

If you are having difficulty with it, just included the source code or a URL to the site for more specific help information.

[tedster]

Our Terms of Service [webmasterworld.com] do not allow URLs for specific site reviews, but the advice from me2287 is right on. It's called "liquid layout" or "fluid layout" and a site search will return lots of good information.

Some people also prefer to fix their layout -- so that, for example it fills the screen at 800x600 and has empty margins at larger screen resolutions. It sounds like you've used some layout methods that don't fix widths of divs, tables, etc, so your code acts in a liquid layout manner. But your layout doesn't tolerate that very well. A quick fix could be as simple as setting a width on your top-level container div or table.

This is one of those challenges that web designers face, and it takes creativity and practice to do it well.