Originally Posted by dalep282
In particular, I cannot seem to get the page wrapper, or footer divs to extend to the hight of the page.
To remove the space between
, remove the top margin from
. This margin is collapsing through
's top border and creating the gap you're seeing. (Perform a Web search for "CSS margin collapsing" if interested in the concept.)
To deal with the space above
, first I would do something that isn't directly related to avoid later confusion: set
(which both have a non-default
property value). (To understand the hanging float concept, you can read the first two sections of the article Clearing Floats
(i.e., the intro section and "Understanding the Problem").)
The above will cause your
to become meaningful (and screw up the layout). Delete that. It will also cause you the bottom padding on
to materialize. Set that to
unless you want that 12 pixels of space.
Once you've done that, simply remove the bottom margin from