Cleaning up footer and positioning

[genista]

Hi all,

I am trying to get the good old footer to always sit on the bottom of the browser and get pushed down when items in the 'centrecontent' overflow down the page. It also needs 'cleaning up' as on certain browsers there is a gap betwen the footer and the bottom of the browser (IE).

I have attached the file in its entirety so please pull it apart as I have been meddling with this for over a week now and yet feel it is oh so simple.....

Many thanks,


G

[karinne]

Have you tried Sticky Footer?

[genista]

Hi,

I have had a look at this already and can't seem to integrate, it does look incredibly simple though....

Thanks,

G

[RZX Developer]

Hey where this is in your code

Code: Select all

 <div id="clearfooter">
<div id="footer" style="position: absolute; bottom: 0px; top: 607px; visibility:visible">
<ul id="footerlist">
    <font color="#4E261B">
    <f href="test1.htm" title="Terms and Conditions |">Terms and Conditions |</f>
    <f href="test2.htm" title="Advertise  |"> Advertise  |</f>
    <f href="test3.htm" title="FAQ's |">FAQ's |</f> 
    <f href="test1.htm" title="Site Map |">Site Map |</f> 
    <f href="test1.htm" title="Wedding Hair |">Wedding Hair |</f> 
    <f href="test1.htm" title="Wedding Makeup |">Wedding Makeup |</f>
    <f href="test1.htm" title="Wedding Beautician">Wedding Beautician |</f>
    </font>
    </ul>
  <p></p>

</div>

Change it to this

Code: Select all

 <div id="clearfooter">
<div id="footer" style="height: 4em;">
<ul id="footerlist">
    <font color="#4E261B">
    <f href="test1.htm" title="Terms and Conditions |">Terms and Conditions |</f>
    <f href="test2.htm" title="Advertise  |"> Advertise  |</f>
    <f href="test3.htm" title="FAQ's |">FAQ's |</f> 
    <f href="test1.htm" title="Site Map |">Site Map |</f> 
    <f href="test1.htm" title="Wedding Hair |">Wedding Hair |</f> 
    <f href="test1.htm" title="Wedding Makeup |">Wedding Makeup |</f>
    <f href="test1.htm" title="Wedding Beautician">Wedding Beautician |</f>
    </font>
    </ul>
  <p></p>

Wayne

[karinne]

And what the heck is the f element!?!?

It should be a

And the font element is deprecated

[RZX Developer]

karinne has a point it should be <a href="">, I should have picked up on that!

[genista]

Ok, I have made the changes you guys have suggested, but I am finding still that the centre content goes down my page and the footer stays where it is, the centrecontent just carrying on down the page behind it...

Any ideas?

Thanks,

G

[genista]

Ok, I have done some cleaning up and now have this, but still no joy with the footer, any ideas?

Thanks,


G

[RZX Developer]

I don't understand what is wrong with the footer it stand at the bottom of the browser like you want it to.

[genista]

The problem is if you add content to the centrecontent part it will not push the footer down, the footer remains where it is in the page and the text scrolls down behind it.

[RZX Developer]

I am affraid that I don't have a clue then, you might be able to acheive what you are looking for by using javascript!