Footer CSS Problem

HTML & CSS
1

on my website: http://projecttownmedia.com/dev/index.php

The div.footer extends beyond all the wrapper. It scrolls left and right which I don’t want.

heres the CSS for the footer

.footer {
	background-color: #222222;
	padding-top: 20px;
	padding-bottom: 20px;
	color: #FFFFFF;
	width: 100% ;
	padding-left: 30px; 
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;

}

I know its the footer div and not the container thats in it.
btw I’m using twitter bootstrap

Thanks in advance

2

Hi,

Try removing the width: 100% rule from your footer class.
Does that help any?

3

Oh thank you! It worked perfectly :slight_smile: