I’m having an issue with some pages on a site. They all use the same code (index.php), including content from a text file.
The footer on the homepage is fine, and most inside pages.
http://dev.epicwebdesign.ca/korokriver/?page=home
Some, however, look like this:
http://dev.epicwebdesign.ca/korokriver/?page=mikwanwest
The best way can describe it, is the -17px margin is moving the footer up, but not shrinking the #site block on some pages, but working fine on others.
When inspecting the code with chrome, it’s as if the block is jutting out from the rest. I have no idea how this is happening.
It has something to do with the height of the copy div. If it is set to 100% height, it looks fine. min-height:100% only works sometimes.
The blue is the block, the orange is the margin. They should be level.
This is what it should look like
Used absolute positioning. Answering own question so that this can be closed.