[glen_m_32]

Hi,

I have heard that footers in CSS are a nightmare, but would like to know if anyone has a proven method for footers in CSS and HTML?

Thanks once again

Glen

[Advertisements]

Define what a nightmare would be?

A footer is no big deal depending on what you want it to do. It's jsut CSS the same as the rest...

[thenotch]

Define what a nightmare would be?

A footer is no big deal depending on what you want it to do. It's jsut CSS the same as the rest...

[glen_m_32]

Sorry for my lack of information, But what i mean by nightmare is that i would like the footer to stay at the bottom of the page, below content, But sometimes the content is not big enough to fill a whole page, but i want the footer to be on the bottom of the window.

Does that make sence?

Cheers!

[thenotch]

Yeah, thats normally what folks want. It's not very difficult at all... this is a great place to start:

http://alistapart.com/articles/footers

A lot of folks shun absolute positioning, for good reason, but sometimes you gotta do what you gotta do

[Michael]

I did it easily, just used this.

html>body{
height:auto;
top:0
}
body,html,#footer{
width:100%
}
body,html{
min-height:100%;
height:100%
}
body,#footer{
position:absolute;
left:0
}
#footer{
bottom:0;
text-align:center;
}

It is the absolute positioned element in another absolute positioned element that does the trick.

The code is very much like what thenotch linked to.

Edited by Michael, 09 January 2007 - 05:11 PM.

[glen_m_32]

That has helped for one of my websites, but i am having issues with http://www.nadinesflorist.co.uk the footer keeps appearing in the middle of the page, not the bottom of the content.

The css can be found at http://www.nadinesfl....uk/css/css.css

Can you see anything wrong with that?

Thanks again

[Michael]

It is the position:absolute on the #content You will have to find another method of putting that where you want it.

[Michael]

dubble

Edited by Michael, 11 January 2007 - 06:08 PM.

[glen_m_32]

That explains alot.

Thank you so much, you are great!

Edited by glen_m_32, 12 January 2007 - 04:18 AM.

[glen_m_32]

has anyone got any ideas how to position my content without using "postion:absolute;"

I have tried a couple of things but not ver successful!

[thenotch]

has anyone got any ideas how to position my content without using "postion:absolute;"

I have tried a couple of things but not ver successful!

Have you tried using the float option and then adjusting the margins accordingly?

[glen_m_32]

i will give it a go as soon as i can, and let you know.

To be honest, i've never used that option, thanks for the help!

[thenotch]

Floating is just a means of having an object locate itself at a certain point without making it absolute.

Float a DIV and then adjust the margins to position wherever you wish on the screen.

[glen_m_32]

Thank you, i will give it a go in a sec, once i get apache and PHP working correctly on this laptop! I'm getting feed up of keep uploading the files everytime i make a change!

Do you have any experience with Apache2 PHP4 and MySql set up?

[Michael]

If I had not just formated I would have them all installed.