Ok, im redesigning my site and trying to get a lot of AJAX into it, but with new things come new problems. I want my final design to look similar to this (its an older photoshop copy so far its looking like this
The problem im having is with the two footers, im using absolute postioning because if the height of the content doesnt stretch far enough, i still want the footer at the bottom of the page. The problem is that the footers stay at the bottom of the viewport. The footer divs are different heights, and i can hack them into working as one big div, but im hoping i dont have to do this.
Basicly what i need is the footers to be at the bottom of each page, and if the content is small still be at the bottom.
The other problem im having is that if 1 column stretches, the other doesnt stretch as well, both columns and the parents have height: 100% ive thought about faux columns, but if i can do it with background and border then id prefer to do it either way
So heres the problems
1. Footers need to be at bottom of page even when the content is two lines of text
2. Both columns have to stretch the same
Any ideas? |
