I like to use a lot of unique graphics on my pages, which often results in making different page sizes depending on available screen width/height.

Here are two examples:

http://www.uvm.edu/~areid/homesite/ - the image floats at the bottom of my screen but on a larger browser, the image floats near the middle making it look off. It looks best when the bottom of the window aligns with the bottom of the image

www.stevenlebel.com - it loads two different pages depending on what monitor size is detected.

This seems like a lot of redundant coding. My question is, how can I make sliced/Photoshop images transition well to different screen sizes. Does Photoshop allow you to make DIVS instead of tables? Can i make each of the slices created by Photoshop grow/shrink when the browser window size changes?

If anyone has any input on creating websites like this I would be very interested to hear what they have to say.

Thanks

Katie