Footer issues with carl_contest theme

Skinning and designing Serendipity (CSS, HTML, Smarty)
Post Reply
basshook
Regular
Posts: 13
Joined: Sat Jan 22, 2011 5:55 am

Footer issues with carl_contest theme

Post by basshook »

So far I am impressed with the Serendipity blog script and what it can do. I've been struggling all day trying to get my footer image to align with the rest of the page in the carl_contest theme, but cannot seem to make it work. I've tried creating a frame to surround the divs but that didn't work, I tried creating a layer no luck there either, I've tried changing this in style.css

Code: Select all

#footer {
        padding:0;
	margin: -13px 0px 0px 182px;
	width: 850px;
	height: 123px;
	text-align: center;
	background-image: url({TEMPLATE_PATH}img/sportsmanfooter.png); }
which worked fine as long as you don't change the resolution. Can anyone help me out or point me in the right direction? Here is the site url: http://www.sportsmanfishing.com/blog/index.php

Basshook
onli
Regular
Posts: 2828
Joined: Tue Sep 09, 2008 10:04 pm
Contact:

Re: Footer issues with carl_contest theme

Post by onli »

text-align: center seems to work. If you change your margin to margin: auto; it should be centered.
yellowled
Regular
Posts: 7111
Joined: Fri Jan 13, 2006 11:46 am
Location: Eutin, Germany
Contact:

Re: Footer issues with carl_contest theme

Post by yellowled »

basshook wrote:

Code: Select all

#footer {
        padding:0;
	margin: -13px 0px 0px 182px;
	width: 850px;
	height: 123px;
	text-align: center;
	background-image: url({TEMPLATE_PATH}img/sportsmanfooter.png); }
You're gonna need margin: -13px auto 16px; -- change the 16px to whatever you prefer, but keep the rest that way. Also, a little padding wouldn't hur.

YL
basshook
Regular
Posts: 13
Joined: Sat Jan 22, 2011 5:55 am

Re: Footer issues with carl_contest theme

Post by basshook »

yellowled wrote:
basshook wrote:

Code: Select all

#footer {
        padding:0;
	margin: -13px 0px 0px 182px;
	width: 850px;
	height: 123px;
	text-align: center;
	background-image: url({TEMPLATE_PATH}img/sportsmanfooter.png); }
You're gonna need margin: -13px auto 16px; -- change the 16px to whatever you prefer, but keep the rest that way. Also, a little padding wouldn't hur.

YL
Thanks Yellowled, that did the trick.
Post Reply