Hello all,

I need some help with a website I'm developing. The site can be found at: www.melanierapp.com/beta

The main problem I'm having is sizing/compatability. As a fairly new designer, this is an issue I battle frequently. I designed this particular site in 1024 X 768 resolution. At that res, it looks good, and the main table is centered. However, if you go lower, the table is not centered. If you go higher res, it looks like the slices are disconnected. Can you help me figure out to make it so that the page looks exactly centered no matter what the browser or resolution are?

Thanks in advance!

~Kevin

Looks like it could be the 2 images you have at the sides, firstly, they are not the same width so the middle table wont be dead centre. secondly they are SOOOO big that that is determining the page with. Would be better to have them as a background rather than an inserted image, then you can just centre the middle table and it will be centre'd on any browser res.

Originally Posted by rolda hayes

Looks like it could be the 2 images you have at the sides, firstly, they are not the same width so the middle table wont be dead centre. secondly they are SOOOO big that that is determining the page with. Would be better to have them as a background rather than an inserted image, then you can just centre the middle table and it will be centre'd on any browser res.

Good idea regarding making it the bg image. I had thought about that but I guess I was lazy and didn't want to go back and do that. I'll have to now.

Any ideas as to why it looks all broken up in a higher resolution?

Tables don't scale well. Table based layout generally means picking a resolution you want to support, and that's the resolution your site looks good at.

Try CSS instead if you want it to work at multiple resolutions.