jQuery Help with unique site coding

[AndrewGSW]

You're welcome.

If the footer, content and footer sections are separate (not nested) then any background colour or image won't spill over the sections.

By setting the heights of the html and body to 100% the body will fill the viewport (to the bottom of the screen). You could then use a background colour for the body which will fill the remainder of the page.

html {
    height: 100%;
}
body {
    background-color: lightblue;
    height: 100%;
}

But you would need to ensure that each of the preceding sections have no margins and have either a background colour or image - otherwise the body colour will show through these, earlier than you intend. Andy.

[Psionicsin]

Originally Posted by AndrewGSW

You're welcome.

If the footer, content and footer sections are separate (not nested) then any background colour or image won't spill over the sections.

By setting the heights of the html and body to 100% the body will fill the viewport (to the bottom of the screen). You could then use a background colour for the body which will fill the remainder of the page.

html {
    height: 100%;
}
body {
    background-color: lightblue;
    height: 100%;
}

But you would need to ensure that each of the preceding sections have no margins and have either a background colour or image - otherwise the body colour will show through these, earlier than you intend. Andy.

Well I'm not 100% on what happened meaning if I did something right, or if I did it right on mistake, but
THIS
seems to be doing what I wanted. I colored the body blue just to make sure I could see everything before I started adding things to it.

But, yeah if I change the color of the body to #eeeeee then it looks exactly how I want it to.

[AndrewGSW]

As long as you're happy

I'm not so keen on the floating of the header - it seems unnatural and shouldn't be necessary.

Also, setting widths of 100% shouldn't be necessasry for block elements as it is their default behaviour.

Good luck! Andy.