Friday, September 17, 2010

Fall 2010: Update 2

So, I was pretty sick the beginning of the week, and I didn't make it to any classes or free lab times then. I was able to work on moving the contents of the page without moving the background. It wasn't as hard as I had thought it would be: the css to do it was so simple even I could understand it. Tying the image size to the size of the window wasn't as easy. I found a few tutorials that involved JavaScripting to find the size of the window and calculate how to fit the image; but it eventually dawned on me that you can just set the image width and height to be one hundred percent of the window width and height, which solves the problem without a lot of complicated JavaScript. The only problem with keeping the background image tied to the window width and height is that the image gets moved out of proportion, and I don't think there is anyway to keep that from happening. On a different note, I was also able to come up with a way to keep part of the page, a separate column off to one side from moving with the rest of the content.

No comments:

Post a Comment