Hi guys, I recently used a new template for blogger. My blog add is http://sonying.blogspot.com

Everything looks good and all in 1024 x 768 with Internet Explorer, but when changed to a different resolution, the whole content goes to the left. I think it has something to do with fluid or fixed layout but I'm not sure.

And also, my header is not properly fixed (you can view the image to get a better idea) so I edited it to properly fit the 1024 x 768 screen.

Please, please take a look at my CSS file (available using view source) and teach me how to fix it. Clear instructions would be very much appreciated. Thanks a lot in advance.

-SOn-

Part of your layout is centered. Part of your layout is positioned relative to the left edge of the available display area. They'll match up only with one specific width of display area--the one you used to design the page.

You can center it all, or you can position it all relative to the left (or right) edge. But the whole layout needs to use the same technique.

And while you're at it, I recommend not using a fixed-width layout. Let the layout adapt to whatever size display area is available to it.

Thanks for your reply, Darin, which part of the code should i change so it looks okay?

Please see the FAQ entries Where can I learn about HTML? and Where can I learn about CSS?