Go to main content

Textpattern CMS support forum

You are not logged in. Register | Login | Help

#1 2007-08-31 21:16:41

accarter
Member
From: Los Angeles
Registered: 2007-08-31
Posts: 31
Website

Help with Floating Divs

Hi, I hope this is an okay topic for a textpattern forum. I’m trying to make part of my design – the little guy on the right – float on the bottom right, so his feet are always aligned with the content-background (the grid), no matter how long the content is. There must be a way to do this? Right! Only I can’t figure it out.
The url is http://www.p-queue.org
Any help would be greatly appreciated!
Thanks so much,
Allison

Offline

#2 2007-08-31 21:37:05

iblastoff
Plugin Author
From: Toronto
Registered: 2006-06-11
Posts: 1,197
Website

Re: Help with Floating Divs

several ways to fix this..

either fix the size of your grid img (it clearly has extra white space on the right side) to match the added combined width of your divs or or just add up your divs correctly :) as you can tell from the top right text-links things are placed a little awry..

Offline

#3 2007-09-01 02:10:22

accarter
Member
From: Los Angeles
Registered: 2007-08-31
Posts: 31
Website

Re: Help with Floating Divs

thanks!! but is there a way to have the guy move down? the background image repeats-y when the content is longer, and i’d like it to be at the very bottom, not just the bottom of the first one statically. does that make sense? in other words, it’s exactly where i want it on the front page, but i can’t get it to move down on pages like this: http://p-queue.org/subscribe
thanks again so much!
a

Offline

#4 2007-09-01 14:25:27

Gocom
Developer Emeritus
From: Helsinki, Finland
Registered: 2006-07-14
Posts: 4,533
Website

Re: Help with Floating Divs

Well wrap content, put below <body> and over </body> extra <div> like <div id="page"></div>. And afterthat, lets style it, like this:

#page {
background: url("http://p-queue.org/images/4.gif") no-repeat 780px 100%;
}

If you want some a extra-space to down-below of the page, just edit the picture to have some ;-)

Cheers!

Last edited by Gocom (2007-09-01 14:26:30)

Offline

Board footer

Powered by FluxBB