html page in diffrent screen resolutions

linexpert

hi
i have a webpage with some simple graphics like my buttons and a banner. There are three tables for content. Two are for google ads. I designed this with my screen resolution being 1024*768. When people with diffrent resolution try vising the page (800*600) the page is all messed up.

can someone please help me fix this?

thanks

eruct

You might want to try and learn how to use css and div's rather than tables, this will allow you to create a fluid/ liquid layout meaning the page can resize itself based upon the viewer's resolution. However, if you have an image that is like a thousand pixels wide this will throw a wrench in things.

However, I don't think that anyone is going to be able to post a perfect solution unless we can see your site. Please post a link!

silentpark

hmm 800x600 isn't commen anymore...
most most people surf with 1024x786 or higher Wink

CrimsonStrange

linexpert, I've run into the same problem.

Now, what I did was actually create a simple blank image that was 800 x 600, another that was 1024 x 768... and so on, using all of the general screen resolution sizes. (I'm currently using 1152 x 864)

Then, for a general idea of how your site will look in someone else's browser, I just re-size my browser window to fit as close as possible to the outer edges of the "screen resolution test image".

Yeah, I know it's not a truly accurate way of doing things, but it gives you at least a basic idea of how your page will flow.

The only other thing I could suggest is to change your screen resolution every time you want to test a different one, which is tedious and time-consuming, but will give you a true representation of what people with other screen resolutions will see.

Idea

If you want a general idea of what browsers, screen resolutions and operating systems people are using these days, have a look here - http://www.w3schools.com/browsers/browsers_stats.asp

linexpert · Last edited by linexpert on Tue Sep 12, 2006 4:17 am; edited 1 time in total

the page is :removed:

please take a look and help me

thanks

Sava

when I had pages in html I used width like 20% and it looked good in any resolution. Do you have your tables widths like this ?

traviantr

i can offer you that use this table code like this like Sava said..

linexpert

nvm got it!