Problema con div en el footer

[Zuker]

Buenas

Estoy tratando de agregar un div al pie de mi pagina

El tema es que no se por que tengo que forzarle a que tenga un tamaño, sino aparece alineado a la izquierda

Pueden verlo aca por ej:

http://www.taringacs.net/steam/

el codigo html es este

Código:

<div id="footer">
	<center>
		<a rel="nofollow" href="http://www.localhost.net.ar" title="LocalHost - Soluciones Innovadoras" target="_blank" class="localhost"></a>
		<a rel="nofollow" href="http://www.taringa.net" title="Taringa! - Inteligencia Colectiva" target="_blank" class="taringa"></a>
		<a rel="nofollow" href="http://www.localstrike.com.ar" title="LocalStrike - Live your Game!" target="_blank" class="localstrike"></a>
		<a rel="nofollow" href="http://www.argentina.ar" title="Creado en Argentina" target="_blank" class="argentina"></a>
	</center>
</div>

El codigo del css es este

Código:

#footer {
	margin:10px auto;
	text-align:center;
	width:445px;
	height:25px;
}
#footer .localhost {
	background:transparent url(/images/fmarcas_lh.png) no-repeat scroll 0 0;
	width:115px;
	height:25px;
	display:block;
	float:left;
}
#footer .taringa {
	background:transparent url(/images/fmarcas_t.png) no-repeat scroll 0 0;
	width:102px;
	height:25px;
	display:block;
	float:left;
}
#footer .localstrike {
	background:transparent url(/images/fmarcas_ls.png) no-repeat scroll 0 0;
	width:122px;
	height:25px;
	display:block;
	float:left;
}
#footer .argentina {
	background:transparent url(/images/fmarcas_ar.png) no-repeat scroll 0 0;
	width:102px;
	height:25px;
	display:block;
	float:left;
}
#footer .localhost:hover,#footer .taringa:hover,#footer .localstrike:hover,#footer .argentina:hover {
	background-position:0 -25px;
}

Alguna idea? realmente estoy perdido

Gracias

[AlePerez92]

Prueba a poner esto:

Código:

#footer {
margin:0 auto;
padding:10px auto;
text-align:center;
width:445px;
height:25px;
}

[anRoswell]

Amigo te tengo una pregunta, podrias decirme como desarrollastes lo q tu llamas topbar,

[Zuker]

Iniciado por AlePerez92

Prueba a poner esto:

Código:

#footer {
margin:0 auto;
padding:10px auto;
text-align:center;
width:445px;
height:25px;
}

Ale

Mi intencion es sacar el seteo de width y height, y que quede alineado en el dentro. El tema es que si lo saco me queda alineado todo a la izquierda

Mira

[Zuker]

Iniciado por anRoswell

Amigo te tengo una pregunta, podrias decirme como desarrollastes lo q tu llamas topbar,

Te contesto por privado ya que no tiene que ver con el tema.

Saludos

[Zuker]

A alguno se le ocurre alguna idea con esto?
Gracias

[zerokilled]

en lugar de darle display:block a los enlaces, asignale inline-block. pero no creo que funcione en versiones anteriores a iexplorer7 u 8. en el 8 funciona, pero en el 7 no lo se. en el 6 estoy seguro que no. adicional, quitale el float:left a los enlaces.

ademas, asi como lo tienes ahora mismo esta perfectamente centralizado, no comprendo cual es la drama. lo unico que deberias darle al footer un ancho igual al elemento principal, o sea #maincontainer.

[Zuker]

Iniciado por zerokilled

en lugar de darle display:block a los enlaces, asignale inline-block. pero no creo que funcione en versiones anteriores a iexplorer7 u 8. en el 8 funciona, pero en el 7 no lo se. en el 6 estoy seguro que no. adicional, quitale el float:left a los enlaces.

ademas, asi como lo tienes ahora mismo esta perfectamente centralizado, no comprendo cual es la drama. lo unico que deberias darle al footer un ancho igual al elemento principal, o sea #maincontainer.

Buenas

Si le saco el float se ven uno abajo del otro en vez de al costado...
Esta centrado pero forzandole un tamaño en ancho y alto... no es la idea, tendria que quedar centrado sin asignarle eso, se entiende?

saludos!

[zerokilled]

se ven uno debajo del otro por como te comente. tienes que cambiar display:block por display:inline-block;. si no quieres el ancho, pues simplemente quitalo, no tienes que hacer nada mas.

[Zuker]

Gracias! Ahi lo pude arreglar. Por las dudas deje el seteo anterior para ie7 o menores, y este nuevo para navegadores nuevos

gracias!
saludos