On 5/28/13 4:12 PM, Debbie Campbell wrote:
In this WordPress page:
http://www.redkitecreative.com/dev/ivas/short-page/
I'd like #content to stretch to the bottom of the browser window, behind or to
the green footer. I'm using this sticky footer method to make the background
image on #body-container stretch and it's working fine (only tested in Chrome/FF
at this point):
http://codecamel.com/fullheight
But I'm not sure how to deal with #content. I can't make it part of the
background image because of the shadow, and there are several page templates (3
column, 2 column, full width) so I would need to create three different images -
which is fine, if I can do something about the shadow. Any suggestions, please?
Thank you.
One suggestion here:
<http://thewebwiz.net/temp/css-d/>
I took out the div#floatbox so that all three sections - #secondary, #content,
and #primary are at the same level and in that (presentation) order. I then
used table display properties to make all three the same height.
Please see the <style> embedded in the <head>.
Does not solve a "sticky footer" problem, though! The footer covers the bottom
of the calendar on short windows - same as on your original. :(
--
Cordially,
David
______________________________________________________________________
css-discuss [[email protected]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
