Как да си центрирам footer-а?

plamen_003

Registered
Ето style.css

Код:
#footer {
	background-image:url(images/footer_bg.jpg);
	background-repeat:no-repeat;
	width:768px;
	height:97px;
	text-align:center;
	float:left;
	clear:both;
}
#footer ul{

}
#footer li{
	display:inline;
	float:none;
	text-align:center;
	padding: 0px 10px 0px 10px;
	border-right: solid 1px #908a68;
}
.lastchild{
	border-right: 0px none !important;
}
#footer a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-transform:uppercase;
	color: #ffffff;
	text-decoration: none;
}
#footer a:hover{text-decoration: underline;}
#footer span{
	font-size: 9px;
	font-weight: bold;
	color: #18160e;
	margin:10px;
	display:block;
}

и кода в index.php

Код:
<div id="footer">
		<br /><br />
             <ul>
			<li><a href="index.php">Начало</a></li>
			<li><a href="reg.php">Регистрация</a></li>
			<li><a href="top.php">Класация</a></li>
			<li><a href="sms.php">Купи точки</a></li>
			<li><a href="nagradi.php">Награди</a></li>
                  <li><a href="contact.php">Контакти</a></li>
		</ul>
		<span><font color="white">© 2010 Всички Права Запазени! | Дизайн: Plam3 | <a href="http://www.???.com">.............................</a></font></span></div>	   
</div>
 
Код:
#footer {
	background-image:url(images/footer_bg.jpg);
	background-repeat:no-repeat;
	width:768px;
	height:97px;
	text-align:center;
	clear:both;
	margin:0px auto;
}
#footer ul{

}
#footer li{
	display:inline;
	float:none;
	text-align:center;
	padding: 0px 10px 0px 10px;
	border-right: solid 1px #908a68;
}
.lastchild{
	border-right: 0px none !important;
}
#footer a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-transform:uppercase;
	color: #ffffff;
	text-decoration: none;
}
#footer a:hover{text-decoration: underline;}
#footer span{
	font-size: 9px;
	font-weight: bold;
	color: #18160e;
	margin:10px;
	display:block;
}
 
#footer {
background-image:url(images/footer_bg.jpg);
background-repeat:no-repeat;
width:768px;
height:97px;
text-align:center;
float:left;
clear:both;
margin:0 auto;
}

Така как искаш да ти стои в средата, след като си задал float:left; ?
Кода който ти е дал @kriss margin:0 auto; си работи, но трябва да махнеш този флоатинг.
 

Back
Горе