Chatbox

You are not connected. Please login or register

View previous topic View next topic Go down  Message [Page 1 of 1]

1 Footer + Layout Issues on 5/3/2012, 5:17 pm

mlazim14

avatar

Member
Hi guys,

I'm having some issues sticking my footer to the bottom of my page.

Problem is, I've used absolute positioning for pretty much all elements on the site, and since some of the content on my site is dynamic, I can't absolutely position the footer aswell. However, if I try floating it or anything else, the footer doesn't know where to go as everything else is absolutely positioned.

My source code is a little long and alot is irrelevant, so I'll just provide a link and you can see the source code in the browser.

Here's the site: http://mc-airlines.hostei.com/

If you replying to these relatively soon, you'll probably see the footer stuck in the middle not knowing what to do Razz

So - can you guys help me out? I've tried using different positioning rules, however due to the 'exactness' I require, no other form of positioning can do the job.

How can I stick that footer to the bottom without resorting to absolute positioning or changing all my CSS positoning?

Thanks in advance!

View user profile

2 Re: Footer + Layout Issues on 5/3/2012, 7:34 pm

Drogba921

avatar

Administrator
Try this:

Add to your CSS:

Code:
html, body {
height: 100%;
}

then to your footer make it:

Code:
#footer {
height: HEIGHT;
position: relative;
}

Then add at the end of your content:

Code:
<div class="clearfooter"></div>

and then add to css:

Code:
.clearfooter {
height: HEIGHT OF FIRST FOOTER;
clear: both;
}

View user profile http://www.codinghelp.org

3 Re: Footer + Layout Issues on 7/3/2012, 12:57 pm

mlazim14

avatar

Member
Thanks for your reply, drogba921.

I've tried doing as you instructed, however unfortunately it didn't work. Any other ideas? :/

Thanks.

View user profile

4 Re: Footer + Layout Issues on 7/3/2012, 1:12 pm

Vanilla990

avatar

Administrator
Try putting the footer inside the
Code:

<div class="clearfooter"></div>

View user profile

5 Re: Footer + Layout Issues on 8/3/2012, 11:28 am

mlazim14

avatar

Member
Thanks for your response Vanilla990, but that didn't work either Sad

View user profile

Sponsored content


View previous topic View next topic Back to top  Message [Page 1 of 1]

Permissions in this forum:
You cannot reply to topics in this forum