August 2nd, 2013, 08:00 PM
Join Date: Aug 2013
Time spent in forums: 10 m 13 sec
Reputation Power: 0
Homework - Dynamic Header and Footer
I'm an amatuer CSS coder, and I've been designing a website for myself using Weebly.
Obviously I've wanted to change some of the CSS styles to suit my needs, but I have gotten to a point where I'm stuck with one small thing.
If you have a look at the site, anewlife365 (dot) weebly (dot) com you will notice that the header and footer do not move while the rest of the page does. Now, I havent edited any of the middle section, so there is obviously something I am missing.
You can definitely see it becomes a pain when playing with different resolutions.
I just want the header and footer to have a dynamic feel, along with a background colour behind it, so when people visit the site in different resolutions it doesn't look weird.
My code for both is as follows:
So as you can see I've tweaked it so that its just a picture as a background for the header and footer, but obviously that doesnt work in my favour once the resolution changes.
ANY HELP would be immensely appreciated.