View Full Version : trouble with a footer using css

Jan 13th, 2007, 03:01 AM
i am trying to replicate this page:




i cant figure out the footer image. On the original page it is actually quite high up and part of the main content - the teamspeak block has part of the footers background as its background.

Any ideas on how to copy this?

Jan 13th, 2007, 03:57 AM
They overlapped some background images. Not that difficult a concept. Nest more for more extravagant effects.

<div> <!-- this has the lower background image -->
<div></div> <!-- this has the upper background image -->

The image in the foreground is here (http://zg-aa.kobasicstudios.com/images/rockets_footer.gif). It could easily be positioned at the bottom using the CSS background-position: bottom declaration.

Jan 13th, 2007, 04:52 PM
so i would have to change the html code?

i was hoping there would be a solution with just css.

this css is only for this one clan.
if i have to change the html, then that would affect every other clans page, who might not want that affect.

Ill play with it and see how it affects the page when using a different css style.

current css, i think this already sets pos to bottom.

#footer { width:900px; margin:0px auto; padding:0px; text-align:center; clear:both; background: url(../../../images/zgfooter.png) bottom left; height:207px; vertical-align:bottom;}

is it possible just to get the text to the bottom? vertical-align:bottom; doesnt seem to have any effect.

cant seem to figure out where to nest it:

<div style="clear: both"></div>

<!-- finish clanhome -->
<!-- start of footer -->
<div style="clear: both"></div>

<div style="clear: both"></div>
<div id="footer">
<span class="gensmall">
<a href="clan_admin.php?sid=7670a935c2f2b5eaa9e60b22b164cbf3&amp;clan=zg">Admin</a>
<br /><a href="admin/index.php?sid=7670a935c2f2b5eaa9e60b22b164cbf3">Go to Administration Panel</a><br />
Page Hits:<strong>121</strong>&nbsp;&nbsp;&nbsp;&nbsp;Since:<strong>8:48am Tue 9th Jan 2007</strong>&nbsp;&nbsp;&nbsp;&nbsp;Page Creation: <strong>0.97</strong>seconds&nbsp;&nbsp;&nbsp;&nbsp;SQL queries: <strong>21</strong>&nbsp;&nbsp;&nbsp;&nbsp;Powered By: <a href="http://phpbb.com" title="PhpBB Website">phpBB</a>

We request you retain the full copyright notice below including the link to www.phpbb.com.
This not only gives respect to the large amount of time given freely by the developers
but also helps build interest, traffic and use of phpBB 2.0. If you cannot (for good
reason) retain the full copyright we request you at least leave in place the
Powered by phpBB line, with phpBB linked to www.phpbb.com. If you refuse
to include even this then support on our forums may be affected.

The phpBB Group : 2002
// -->

<div style="clear: both"></div> <<<a few of these, had a problem with IE guillotine bug, i think the last two need taking out, but the first one is needed to stop things disappearing.