My website does not appear the same size on different computer . Who can help ?

Question

I have a flat screen of 22 inches on which I build my website , the size of the page looks normal on my computer but double seze on others when they open the page so I just resized the front page to check and it still have defferent size on other comp. and now on mine it`s a small image on the page . plse can someone help me . thanks in advance

Answer 1

I could answer you better if I knew what the website was, so I will give you the simple answer.



Your tables and td tags have to use percentages rather than the tables saying width="exact amount".

"exact amount" meaning the table/td tags are only being specified as a exact amount of pixels.



Using percentages with your table will allow it to work on all screens. It will never be too small or too big.

Each td tag that is set side by side will have to equal up to 100%.

So if you have 5 td tags side by side then you will set each one at 20% width to get you total of 100% for screen width.



Hope that helps







Edit:

I see you added the your websites url

Well, since you are using a 1659x908 pixel image as your front page then that is your problem.



The only way to fix this is to use javascript that will detect the resolution of the visitors screen. The javascript will then point to a webpage for each resolution size that is possible. That means you will have to duplicate you current page multiple times but with different sized images for each resolution.



It is really a bad idea to use an image background that isn't a tiled one or just a color. It won't help with search engines either when you have multiple entry pages that have the same content.



Here is some javascript that will help. It is the last code that is showing on that page.

http://www.pageresource.com/jscript/jscreen.htm





Good luck

Answer 2

this is like the mac / pc problem. you design a webpage on a mac and it looks great but it looks like butt on a PC.



its also like trying to find a picture online of a ruler showing actual inches. You can find tons of pictures of rulers, but when they show up on the screen, 10/10 arent a real 'inch'.



It depends on which site you are using. are you on a mac? macs are great, i love them, but the majority of the world is still connected to PCs, so do web designs on a PC (in my pinion).



If you are on a PC, it depends on the resolution of the screen. you could be designing the webpage at 1024 x 768, but on another computer, the resolution might be 800 x 600 making the page huge.



When I make webpages I use



http://www.thecolortool.com/change/screen/resolution/



to let me know exactly what my screen is set to.



As a help to those who might visit your page, you could always make a "This webpage is best viewed at 1024 x 768" logo up top or at the bottom.



I saw your page. One major problem is the opening photograph. Too large. Filled screens are nice but are mostly too overwhelming for the viewer. If you made that photograph 1/3 the size in a nice frame, that would look much more enjoyable. Theway it is now, I have to scroll left and down to see it.



Very nice site, are you using geocities?



http://members.freewebs.com/ is much better. Stay away from yahoo websites.

Answer 3

you need to have at least 3 css files to cater for at least 3 different resolutions.

many people still use the 800/600(small screen)

others,1024/768

and others the flat big screen(1024+)

a javascript is needed to detect the different resolutions

Answer 4

It all has to do with whatever resolution people have their monitors set to. It will never appear the same to everyone. For instance, people with low resolution settings will see larger images and those with higher resolution will see smaller images. You probably have yours set for high resolution.

Answer 5

because other computers have set different resolutions.