Absolute positioning works well for most browsers now, so by all means this is possible. Attached you will see a HTML with a CSS and jpg for background. The content block is positioned 100pixels to the left and 100 pixels down
You might have several approaches here: -exoeriment with relative or percantage values for postions (the best options I think) -use Javascript do dynamically adjust the values, depending on the size (some users still don't like js) -use several predefined stylesheets and have the browser detect the resultion and use that stylesheet (buggy and a nightmare to maintain) Lech On 12/5/07, Dick Margulis <[EMAIL PROTECTED]> wrote: > 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 > -- Lech Rzedzicki
______________________________________________ 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
