I'm trying to lay out a fairly tricky page for a client and I'm scratching my head as to how to approach it.
Here's the situation: The background for the page is a photograph in the center of which is a white rectangle where the content will go. The photo is big enough to fill the largest screen (1600 x 1200), and of course I can slice it up as needed. The critical area in the middle is about 700 x 700, meaning it won't quite fit on an 800 x 600 screen without scrolling. What I'd LIKE to be able to do, if I could come up with a way to do it, is ensure that the page is centered in the browser window, with image background lost equally on left and right for browsers smaller than 1600 wide, and flush to the bottom of the browswer window, with excess image cut off at the top for browsers shorter than 800 high. I'm thinking there must be some way to do this in CSS. If not, maybe I can sense the browser window size and scale the page content as needed with a server-side script, refreshing on resize. Any thoughts? Dick ______________________________________________ Author Help files and create printed documentation with Doc-To-Help. New release adds Team Authoring Support, enhanced Web-based help technology and PDF output. Learn more at www.doctohelp.com/tcp. Interactive 3D Documentation Parts catalogs, animated instructions, and more. www.i3deverywhere.com _______________________________________________ Technical Communication Professionals Post a message to the list: email [EMAIL PROTECTED] Subscribe, unsubscribe, archives, account options, list info: http://techcommpros.com/mailman/listinfo/tcp_techcommpros.com Subscribe (email): send a blank message to [EMAIL PROTECTED] Unsubscribe (email): send a blank message to [EMAIL PROTECTED] Need help? Contact [EMAIL PROTECTED] Get the TCP whole experience! http://www.techcommpros.com
