Just redesigned my site and everything looked good until I checked it out on my roomates Windows machine. He uses a lower resolution than I do and it seems as if on his computers (and others) that my site appears stretched or enlarged. I've never experienced this problem in previous projects and I'm curious how I should go about fixing this. Is there some sort of script that can adjust my page for different resolutions? Is resolution even the problem? Thanks for any help. BTW the page is www.dirtymonkeys.net

ethan

There is nothing wrong with it on my machine (my res is 1024 x 768)
I suggest that you create another site that is similar but works correctly on other browsers. Then add a redirect script which locks onto the users resolution and auto matically redirects them.
If you need the script just ask.


Mik

PS, i dont think there is a script which will solve your problem. Also if you made your site centralised (like on blueyonder) it might help. (like, have a border down each side of your page).

I'm on a windows XP machine with 1024x768 the site is a little bit larger than what can fit on my screen but nothing is streched or squashed. It looks fine, and nice site by the way.

I'm using XP Pro, IE6.0 and i already put my screen res, and it looks just fine


mik

Originally Posted by collyer_1

It looks fine, and nice site by the way.

Thanks. Hmm... I don't know what to say then. Maybe I'll just have to check it out on more computers and see if these so far are more of exceptions rather than the norm.

i use 860 in IE6 and I get what you saw, I think. I had to scroll way to the right to see the whole page. Sorry I don't have a fix as I am still learning.

that is what i speak of.

Yeah it looks good to me in IE 6 but not in AOL where it is all stretched

1280 * 1024

You may need a code which detects which browser the person is using and not the screen rez

I just checked your site again, and it has gone all wrong. Doesn't look right at all. I know what you speak of now. All i can think of is using tables that are centralised on your site and have two borders.


mik

Hi there,

The problem is being caused by the images used on the page.

monkeys_path.gif is 214 px wide
square_thin_pan.gif is 1042 px wide
random picture is 200 px wide.

Added up, this equals 1456 px - on top of that is the white space, so something in the region of 1500px total - this just won't fit into a screen smaller than this!

You need to set the images, especially square_thin_pan as background images in table cells and then it will expand and contract to fit the size of that cell.

Setting the size of a table column to 25% will not restrict the width of the table to 25% of the screen resolution if you then place an image inside it that is wider than 25%.

Example: - 25% of 800 screen res in real terms is about 195 px.
If you then place an image that is 214 px, the table cell will override the 25% width setting to accomodate the image, thus taking up 27.43% of the width of the screen.

Hope this gives you the idea.

Ian.

PS sorry about the geeky maths!

Im using 1280x960 and its too wide to even fit on my screen!

So that aint very good at all...As it will be even wider on 800x600

So as celticbrue said you need to sort out the sizes of your images

Also to test your site at different resolutions try.. http://www.anybrowser.com/ScreenSizeTest.html

-James

I think I may have solved the problem could some check the site who was having the problem before?

your width of the table seems to be the reason I can think of. put is to 100% or less. it won't have the problem of stretching that little bit extra

kurisu yori.