Textpattern CMS

#1 2007-12-08 14:18:56

Gallex

Member

Registered: 2006-10-08

Posts: 1,308

footer stretch: css question

i would like the foot “section” of the page to stretch to the bottom of a browser window. it stretchis if there is lots of content but if not…it don’t

webpage

#2 2007-12-08 15:02:32

Gocom

Developer Emeritus

From: Helsinki, Finland

Registered: 2006-07-14

Posts: 4,533

Website

Re: footer stretch: css question

Wrap the other elements above foot inside div, and give to the body same styling as to the footer. example:

#page {
	background:#27185B url(/images/3.jpg) repeat-x 50% 0;
}

body {
	background:#184C5B;
}

Cheers!

Last edited by Gocom (2007-12-08 15:05:00)

---

Rah | GitHub

#3 2007-12-08 16:08:29

jakob

Admin

From: Germany

Registered: 2005-01-20

Posts: 4,726

Website

Re: footer stretch: css question

gocom’s method works if your footer is purely an image, otherwise check out the man in blue’s footerstick method or google for footerstick for variations on that approach. Also, check in lots of browsers, too.

---

TXP Builders – finely-crafted code, design and txp

#4 2007-12-08 18:52:22

Gocom

Developer Emeritus

From: Helsinki, Finland

Registered: 2006-07-14

Posts: 4,533

Website

Re: footer stretch: css question

gocom’s method works if your footer is purely an image.

Actually it will work with any set but the footer will be pretty high, because the footer-content is below the rest of the content. I’m not quite getting why it works only if it’s a pure image.

Chees!

---

Rah | GitHub