By oKtosiTe@drupal.org on

I have a page with a minimal amount of blocks, and therefore a short sidebar. This makes my footer apear in the middle of my screen. Is there any way to stretch the sidebar(s), so that the footer will always appear at the bottom of a browser window?

Comments

Steven’s picture

Steven commented

Without you giving more information or a theme name or an URL, all I can say is: look at the CSS clear property and learn to use it.

--
If you have a problem, please search before posting a question.

oKtosiTe@drupal.org’s picture

oKtosiTe@drupal.org commented

I'm using xtemplate here.

micha_1977’s picture

micha_1977 commented

important to learn css and then read this here

http://www.alistapart.com/articles/footers/

...i use phptemplate only, so i cant help you with xtemplate, but it shouldnt be very difficult
just build your theme from scratch - at first without drupal, just a single (x)html file

Aran Deltac’s picture

Aran Deltac commented

xtemplate is not a theme, but a theme engine. What theme are you useing? Also, as was already suggested, check out the clear property.

--
http://www.electroniclife.org/

carlmcdade’s picture

carlmcdade commented

The first thing you always want to do is to set the body height to 100%.
---------------------------
www.hivemindz.com (running PHP5)
www.fireorb.org (documentation and hacks)
__________________________
Carl McDade
Information Technology Consult
Team Macromedia

micha_1977’s picture

micha_1977 commented

for this tip to work cross-browser u should also add height : 100% to HTML

carlmcdade’s picture

carlmcdade commented

Yeah, I forgot about that. I have a link to the complete css fifiteen lines or so somewhere........
---------------------------
www.hivemindz.com (running PHP5)
www.fireorb.org (documentation and hacks)
__________________________
Carl McDade
Information Technology Consult
Team Macromedia

jsimonis’s picture

jsimonis commented

How do you make it 100% in height in the Civicspace theme?

--
Jenni S.

dcolburn’s picture

dcolburn commented

Just add this to the CSS declaration for the footer:

clear: both;

jsimonis’s picture

jsimonis commented

I must be missing something somewhere.

I thought I'd done everything I need to, but I can't seem to get the left-hand margin to be at 100%.

The site is jimrobison.org

I'm also having a bit of trouble getting the text of each item to show up closer to the bottom of the item's title. This isn't a problem in Firefox-- just IE.

I'm beginning to think it may be good to just switch to a xtemplate template, as it'll be easier to recreate their old html site as a template.

--
Jenni S.