HTML Forum

**Learning Newbie** · 10-16-2007, 12:39 PM

I need to make a footer with a single line of text, but I'm not sure how to make it hug the bottom of the page? Anyone know?

**LadynRed** · 10-16-2007, 02:58 PM

Depends on the layout of your page, John, there are a number of methods that might work, including positioning - which can get complicated.

Got a URL or the code ?

**coolkbk585** · 10-16-2007, 04:24 PM

What do you mean "hug the page"? Do you mean stay at the bottom of the page no matter where you are scrolled at?

**Learning Newbie** · 10-16-2007, 05:48 PM

That's exactly what I mean!

I don't have a URL, sorry. Or, really, I do, but it's not reachable outside the network. Right now it's a buncha divs with absolute positioning, and the footer is a div set to top: 230 and some script to launch the page in a popup 250 pixels high. Which is great until we need to stick enough data in there that people have to scroll down, then the footer is just sort of flying in the middle.

**ADAM Web Design** · 10-16-2007, 06:33 PM

<div style="position: absolute: bottom: 0;"> would do it.

Buuuuuuuuuuuut...as LNR quite rightly pointed out, you may end up with issues down the road.

**Learning Newbie** · 10-16-2007, 07:01 PM

Really? I thought the only way to do it with AP was setting the top to the height of the page minus the height of the footer? I didn't even know you could set the bottom? That's way cool!

**coolkbk585** · 10-16-2007, 07:10 PM

Quote:

Originally Posted by Learning Newbie

Really? I thought the only way to do it with AP was setting the top to the height of the page minus the height of the footer? I didn't even know you could set the bottom? That's way cool!

**LadynRed** · 10-16-2007, 08:10 PM

I used position:abosolute and bottom:35 on this page:
http://www.dlamping.com/index.html - the office image at the bottom right.

**vangogh** · 10-16-2007, 08:20 PM

John couldn't you just place the html at the end too? When I code a footer it's always at the bottom and I never need to position them. Is there a reason you can't do it this way.

If you've floated things above you might have to clear the footer, but you might not need to mess with the positioning,. The positioning will work. I'm just wondering if you really need it.

**ADAM Web Design** · 10-17-2007, 01:39 AM

You sure can, John. Top, bottom, left and right are all valid CSS position properties. Unfortunately, upperleftmiddleabout25point7degreesnorthbynortheas t is still in development and may be included in XCSS v. 1.0.