For my situation, possible to fit to any resolution?

[austinm08]

I created this page in Photoshop. What do I need to do to be able to use the 100% sizing so it fits any resolution?

Or is it hopeless?

http://liberal.k12.mo.us

[kiwibrit]

You page fails validation (http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fliberal.k12.mo.us%2F) with some fairly serious errors. Furthermore, the Javscript navigation menus fail totally with javascript disabled. More than that, when text size is increased just a little bit, the main navigation headings start to disappear.

Side-scrolling is needed in an 800x600 window.

As for full scalability - well, I would reduce the width of the picture clutch so that small screens/windows did not need the side scroll, and use CSS. Here's an example (http://css-tricks.com/the-perfect-fluid-width-layout/). In that case, the author has uses a max-width of 1260. This will work in IE7 and most other modern browsers. I recommend that, because not all high resolution screen users remember to use a smaller window when browsing. However, just delete max-width from the CSS if you don't want it.

[Centauri]

This can be made a fluid layout quite easily, BUT you need to start from scratch to do so. The biggest problem was creating the page from photoshop, whereas the page should have been coded with content first, and then styled to include graphic elements from the photoshop mockup. Only 3 graphics are required here, those being the photo callage banner (which needs to be much wider than it is now, maybe add two or three more photos to each end), the bulldog logo, and the school name text. The moroon sides do not need to be graphics - they can be the body background colour. A centred white container holding the site can have a percentage width (say 80%) with a minimum width set. The bulldog logo can be a background to a header element, with the name text an image replacement for actual text floated right. The banner would also be a background such that it only shows as much of it a is needed. The content can be two 50% wide containers. All pretty easy stuff to do proper coding techniques.

Oh, and the navigation should be a suckerfish menu so that it does not rely on javascript to work.

[austinm08]

Wow. Well, I am definitely a beginner and have a lot to learn. I suppose I'll just leave it as it is and try to do everything the proper way with my next project, or maybe try and redo this, depending on what the school tech guy wants. He'll probably be fine with this so-so site.