footer centering problems

sixrfan · 10-28-2009, 11:00 PM

how come the text in my footer div is NOT centered on this page: http://www.anneroselli.com/index1.html, but is on all the rest of the pages of the site: http://www.anneroselli.com/appearances.html, http://www.anneroselli.com/news.html, etc...

thanks!

Excavator · 10-28-2009, 11:32 PM

Hello sixrfan,
Your float is not cleared and it's margin is extending into your footer and moving your xxx over.
Try clearing the floats like this -

Code:

#content {
	margin: 0px;
	padding: 5px;
	width: 890px;
	min-height: 415px;	
overflow: auto;
}

Removing the bottom margin also works -

Code:

	
#smile {
	background-image: url(pics/anne_smile.jpg);
	background-repeat: no-repeat;
	clear: left;
	float: left;
	height: 314px;
	margin: 10px 0 0;
	padding-right: 5px;
	width: 216px;
}

Removing the bottom margin is just to show you what's going on. The correct way to fix this is to clear your floats.
Have a look at this page that explains how overflow:auto; clears floats for you.