Damn it. Just when I thought I’m getting the hang of it… CSS scored against me again. As some of you might notice I re-skinned abinarylife with a new and improved theme, which originally is Modicus (by Upstart Blogger), mind you I have shuffled it around slightly. And to add this extra touch I would like to have this little graphic running at the very bottom.
Pretty straight forward that, isn’t it? #footer and all that. Well not really, so far the CSS is winning unless you can see the image when you scroll down (highly unlikely). I gathered the jaiku troops for the battle, got some charming help form @arjw, we might have lost the battle but… and so on.
This is how the footer looks so far in the stylesheet:
#footer {padding: 0px; margin: 0px auto; width: 100%; background: transparent url(“http://www.abinarylife.com/images/footer.png”); 0 0 repeat-x; overflow:hidden; }
…just in case you feel like having a go.
Browse Timeline
Comments ( 12 )
No such thing as CSS beating me :P
Add the height to the #footer and all should work out. Make sure that there is no position:absolute and also that you do clear:both (just in case there are floats in other divs)
ARJWright added these pithy words on
Sep 30 08 at
5:51 pm
There are two footer DIVs, hence the issue.
ARJWright added these pithy words on
Sep 30 08 at
5:59 pm
Yea you have 2 footer divs so rename one, also you have to take the footer out of the wrapper div, do you use firebug for firefox it has a in-line real-time css editor that will help you
Ciaran added these pithy words on
Sep 30 08 at
6:23 pm
yes, i’m on fire fox, but i think this is beyond me. ARJW is looking into it at the moment, says it would be php that’s faulty not css…
ana added these pithy words on
Sep 30 08 at
6:27 pm
Looks like Antoine fixed it, he’s a hero! Looks great Ana :)
Dan added these pithy words on
Sep 30 08 at
7:31 pm
The battle is won :D (and not totally to my doing).
antoine added these pithy words on
Sep 30 08 at
7:35 pm