Click to See Complete Forum and Search --> : How do I center this?


donlaphotopro
05-17-2006, 11:56 PM
The photo on this page of my test site...
http://www.totalbalancefitness.com/ptashne/006-other-photos.shtml
is way to long for most monitors. My question is how do I center the page when someone first visits it. As of now if defaults to the left.

Thanks,

Donny

WebJoel
05-18-2006, 12:35 PM
The photo on this page of my test site...
http://www.totalbalancefitness.com/ptashne/006-other-photos.shtml
is way to long for most monitors. My question is how do I center the page when someone first visits it. As of now if defaults to the left.

Thanks,

Donny

I think what you'll want to do, instead of making your whole page 1499px wide, is make the page fluid (self-adjusts to width of various resolutions, like 800x600 and 1024x768 and all-sizes in between), and then center that uber-wide image within a container DIV, make it 700 or 800-pxiels wide and the actual height of the image, whatever, and assign the image-holder's DIV an "overflow:auto" value (or "overflow:scroll;" if you're already certain that it will, but that might cause a vertical scrollbar to appear even if you don't need one).

Either way, the page will fit on my/other people's browsers, but the image will be shown 'within a horizontally-scrollable window". Your content and links will be centered, and the image can be scrolled side-to-side and enjoyed by all.