2121 pointsLike some sort of WPMU DEV God"Mindblowingly helpful memberLifetime member
Ovidiu
Member
—
8th May 2011 (1 year ago)
I am trying to achieve a footer (using global headers plugin) on all blogs.
here is the current look: http://zice.ro/next.php (this link will server you one random blog so you can check it with different themes)
the current CSS code uses position:absolute and that is ok, except that if a blog has no entries yet the footer won't stick to the bottom of the viewport but to the actual position of the footer thus making it be positioned somewhere in the middle of the screen.
I thought about using min-height but I would have to globally apply that to the body element. not sure if this is the way to go?
anyone can help me out here? remember the link above I gave will send you to a random blog so you can test out different themes...
I am trying to achieve a footer (using global headers plugin) on all blogs.
here is the current look: http://zice.ro/next.php (this link will server you one random blog so you can check it with different themes)
the current CSS code uses position:absolute and that is ok, except that if a blog has no entries yet the footer won't stick to the bottom of the viewport but to the actual position of the footer thus making it be positioned somewhere in the middle of the screen.
I thought about using min-height but I would have to globally apply that to the body element. not sure if this is the way to go?
anyone can help me out here? remember the link above I gave will send you to a random blog so you can test out different themes...
its not about how to apply, just about the CSS.
I copied the CSS over into the Global Header plugin. ah, ok, I think I must have not expressed clearly what I meant.
now its stuck to the bottom of the viewport as I said. sorry.
what I meant was I wanted it at the bottom of the page/site but if the page/site is not long enough it should stick to the bottom of the viewport.
let me show you two screen shots:
Responses (10)
Geeky Developer — 9th May 2011 (1 year ago) #
hi
try drop this into mu-plugins/
see if the css applied on all blogs.
Member — 9th May 2011 (1 year ago) #
its not about how to apply, just about the CSS.
I copied the CSS over into the Global Header plugin. ah, ok, I think I must have not expressed clearly what I meant.
now its stuck to the bottom of the viewport as I said. sorry.
what I meant was I wanted it at the bottom of the page/site but if the page/site is not long enough it should stick to the bottom of the viewport.
let me show you two screen shots:
a) this is good, blog has content, footer at bottom of page: http://screencast.com/t/CjGG8ZJ3bIin
b) not good, no content, footer stuck in the mihttp://screencast.com/t/aOVU7jvvibdle of the page: http://screencast.com/t/aOVU7jvvib
thanks a lot :-)
Member — 12th May 2011 (1 year ago) #
@Richie: can you have another look please?
Anyone else?
Member — 23rd May 2011 (1 year ago) #
Ok, last call to action: anyone handy with css can give me a hand or a hint please?
Member — 2nd December 2011 (5 months ago) #
NEED to pick this up again.
Can someone please supply a sample HTML+CSS combo that will display very, very similar on most themes if inserted into the footer?
I really just want to display a few lines of text, aka hosted by, yada yada, and have this footer look nice and similar with most themes?
Member — 2nd December 2011 (5 months ago) #
started a new try, click here for a random blog and check the footer: http://zice.ro/next.php
still got some trouble aligning the right part of the footer, it kinda "hangs" further down than the left part of the footer :-(
any advice?
Member — 2nd December 2011 (5 months ago) #
can you post the link of the site so we can look at it, I can try to help if I can inspect the code.
Lifetime Member — 2nd December 2011 (5 months ago) #
Hi Ovidiu,
Try update this css as follow
Cheers
Member — 2nd December 2011 (5 months ago) #
thanks @riyaku!
The float: left was all that was missing. Quite happy with the results right now :-)
Lifetime Member — 2nd December 2011 (5 months ago) #
Nice site and great free blog service =)
Become a member