problem with CSS to stretch the footer

For discussion and questions related to CMS Specific templates and stylesheets (CSS), and themes. or layout issues. This is not a place for generic "I don't know CSS issues"
Post Reply
rodeto
Power Poster
Power Poster
Posts: 410
Joined: Thu May 04, 2006 9:12 am

problem with CSS to stretch the footer

Post by rodeto »

I have version 1.1 installed.
What I would like to have is that, when there is not enought content on a page, the footer stretches to the bottom of the page. That way the page is alwyas filled 100%.

But I am not able to get this done in CSS. I tried all kinds of solutions where the majority of solutions talks about adding a height property to the body.

It just doesn't work. Is there anyone who has a working solution for me?
________________________________
Je gaat het pas zien als je het doorhebt.
User avatar
Dr.CSS
Moderator
Moderator
Posts: 12711
Joined: Thu Mar 09, 2006 5:32 am

Re: problem with CSS to stretch the footer

Post by Dr.CSS »

Not unless it's an image...

CSS...

html{background: url(uploads/images/someimage.gif) no-repeat bottom 50%}
rodeto
Power Poster
Power Poster
Posts: 410
Joined: Thu May 04, 2006 9:12 am

Re: problem with CSS to stretch the footer

Post by rodeto »

No, it like this:
{global_content name='footer'}

Is there perhaps some javascript that can take care of this ?
________________________________
Je gaat het pas zien als je het doorhebt.
User avatar
Dr.CSS
Moderator
Moderator
Posts: 12711
Joined: Thu Mar 09, 2006 5:32 am

Re: problem with CSS to stretch the footer

Post by Dr.CSS »

A link?...

div#footer {position:absolute; bottom:0px; left:50%; and whatever other styles}

But you cant have any borders around the content/body like default installs because it jumps out of whatever it's in...

Demo...
http://multiintech.com/CMSMSDemo/index. ... -foot.html
RonnyK
Support Guru
Support Guru
Posts: 4962
Joined: Wed Oct 25, 2006 8:29 pm

Re: problem with CSS to stretch the footer

Post by RonnyK »

I found this link, that tells that the footer is either at the bottom of the screen or at the bottom of the page.

http://www.themaninblue.com/experiment/footerStickAlt/

Ronny
rodeto
Power Poster
Power Poster
Posts: 410
Joined: Thu May 04, 2006 9:12 am

Re: problem with CSS to stretch the footer

Post by rodeto »

It's not that I want my footer to stick to the bottom of the page. I want my footer to fill any possible white space under the footer if that occurs on certain pages. The main paosition has to be directly inder the content.
Here is a page: http://www.vienalis.nl/index.php?page=v ... j-vienalis
________________________________
Je gaat het pas zien als je het doorhebt.
RonnyK
Support Guru
Support Guru
Posts: 4962
Joined: Wed Oct 25, 2006 8:29 pm

Re: problem with CSS to stretch the footer

Post by RonnyK »

Rodeto,

what "white" do you mean, I see the footer being down, because of the sidebar with text. What do you exactly mean, can you post an image of the behaviour you see and what you want.

BTW I'm looking in IE6 now, this evening I'll be back and then have IE7 and FF.

Ronny
rodeto
Power Poster
Power Poster
Posts: 410
Joined: Thu May 04, 2006 9:12 am

Re: problem with CSS to stretch the footer

Post by rodeto »

Perhaps I have my screen resolution set too big ;)

here is photo1 on how it is now http://www.vienalis.nl/photo1.jpg

and photo 2 as how I would like to have it http://www.vienalis.nl/photo2.jpg
________________________________
Je gaat het pas zien als je het doorhebt.
Post Reply

Return to “Layout and Design (CSS & HTML)”