I have a very basic start but am finding the page doesn't load correctly on any other resolution than the one I have at home.

www.intoleranceclothing.com is what I'm talking about. Any pointers on this? Also if anyone cares to look the java stuff I have only works in IE for some reason. It doesnt work correctly in FF. Any input on this too?

Thanks

You're missing the closing </head> tag.

What resolution are YOU using. Looks ok in FF to me.. even with all that moldy old deprecated code. FYI, your code is NOT XHTML Transitional.

Yeah I am really new to all of this, so I am trying to learn as I do it type of thing. I am on my work computer and the resolution is 1680x1050. When you click the shirt on my computer at home on 720p resolution the larger image is directly centered. On the resolution here it is not. The larger picture pops up in the left upper area. The background also scrolls at work where at home it does not. I thought I read somewhere about making the page scale to the browser window size or something but do not know where I read that. I don’t know what XHTML transitional is referred too...yet.

If your layout scales according to the size of the window, there is no way to guarantee it will look good on all resolutions. Unless you want to take the time to test 20 different resolutions every time you make a layout change. Because there really are that many different ones. You've got 800x600, 1024x768, 1280x1024, 1600x1200, if you really want you can go higher than that, plus 640x480... there is one or two people still using it believe it or not. Plus all the different widescreen resolutions, plus resolutions for mobile devices, etc etc...

That's why I prefer fixed-width layouts. I do have one or two sites that scale but the vast majority of my sites are fixed width. Usually built for either 800x600 or 1024x768.

Originally Posted by nyef

If your layout scales according to the size of the window, there is no way to guarantee it will look good on all resolutions. Unless you want to take the time to test 20 different resolutions every time you make a layout change. Because there really are that many different ones. You've got 800x600, 1024x768, 1280x1024, 1600x1200, if you really want you can go higher than that, plus 640x480... there is one or two people still using it believe it or not. Plus all the different widescreen resolutions, plus resolutions for mobile devices, etc etc...

That's why I prefer fixed-width layouts. I do have one or two sites that scale but the vast majority of my sites are fixed width. Usually built for either 800x600 or 1024x768.

Mine should be easy to turn into a fixed width then right? I mean just have it similar to now have the excess on each side filled up with black and then have the background image centered. Can the shirt images from each side be measured absolute from the center of the screen or something like that so I can have them always be at the edge of the center image and then if the resolution is higher then the customer will just see more black space on the sides and someone using a smaller resolution.

Hi

I am learning Javascript myself but *think* if you replace

 
var picx=400;
   var picy=180;

(I think thats what your using for the picture position)

with

 
var picx= (screen.width/2)-(w/2);
var picy= (screen.height/2)-(h/2);

It should centre the pic on the screen (If this is not correct can someone with more experience please set me straight )

I am not an expert at any of this but the comments about the resolution are right, you cant make the site to look the same in every screen resolution. Check your web stats (if you have any) and see what is the most common screen resolution used and build the site for that resolution. Also LadyinRed is right, close your head tag </head>

The absolute positioning you have on the smaller pictures that you click on is ok if there are only 4 pictures but I would think there are going to be a lot more eventually which could be a bit of a pain.

Why dont you set id's or class's for the pictures with css so they line up how you want them, would save you lots of time when you start adding more pics