I'm setting up a small site with WordPress, and am having trouble getting my footer to stay at the bottom of the page. I'm also having some issues with positioning within the footer. This is only really an issue for short pages, but here's an example:
http://www.vantagehoa.org/wordpress/regional-info/ (styling is not yet done, so some stuff looks funky) The footer is a DIV that consists of a short SPAN that I'd like to be on the left side and vertically centered (probably on the bottom, actually) and another DIV on the fight for some icons (which I'd like centered vertically). The section's CSS is: div#footer { position: relative; height: 37px; bottom:0%; margin-bottom: 0em; padding: 0em;} div#footer_icons { position: relative; right:0%; float:right; vertical-align:middle; } .copyright { font-size: small; text-indent: 0em; vertical-align:middle; } This is all contained inside div.body, which has "min-height: 95%" working as expected. div#footer is not appearing at the bottom of div.body, despite being relatively positioned and having both "bottom" and "bottom-margin" defined. However, as you can see (especially with an element inspector), the copyright span is at the top of the DIV (vertical-align is doing nothing), and #footer_icons isn't fully contained within the parent DIV. The top of it is immediately below the bottom of the SPAN. Of the definition of #footer_icons, the only one that seems to do anything at all is "float:right" - I can remove everything else and it looks the same. I remove that, and the others do no. I've also tried explicitly adding margins (3px top and bottom to force these 31px-tall images into the middle of the 37px-tall container) and padding, but it's had no-to-minimal effect. What am I missing? I merely want the text and the icons to appear on the left and on the right within the same parent DIV, which should sit at the bottom of the viewport for short pages, or at the bottom of longer pages (like "Home"). FWIW, I'm testing primarily in Firefox 3.0B5, but also periodically in IE 7 and IE6 (all on WinXP). I appreciate any help you guys can offer. -- Erik Harris http://www.eHarrisHome.com - AIM: KngFuJoe - Yahoo IM: kungfujoe7 - ICQ: 2610172 - Chinese-Indonesian Martial Arts Club http://www.kungfu-silat.com ______________________________________________________________________ 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/
