Centrar Divs?

[OTTO_LOTO]

Bueno, lo que tengo es un conjunto de divs, uno al lado de la otro, formando una barra de botones... Este conjunto de botones esta dentro de otra div que hace de "marco".

Esto:

Código:

	#fondobotones {background-color:black; width:100%; height:50px; padding-top:12px; padding-bottom:12px;}

	#boton {background-color:cyan; color:black;  height:70%; float:left;       width:16.5%; padding-top:15px}	

...


<div id="fondobotones">

<div id="boton">boton 1</div><div id="boton">boton 2</div><div id="boton">boton 3</div><div id="boton">boton 4</div><div id="boton">boton 5</div>

</div>

El problema está que no puedo poner el atributo padding porque en algunos navegadores me sale el cuadro más grande o simplemente mal. Y bueno, saber si tengo yo mal el código o se pueden alinear este conjunto de divs para que salgan centradas dentro del div que hace como marco.

Saludos!

[chotuno]

Prueba a poner un text-align:center; en #fondobotones y display:inline-block; en lugar de float:left; en #boton

Esto funciona almenos en firefox pero no en ie7. Tambien se puede cambiar el <div id="boton"> por <span id="boton"> por ejemplo, eso soluciona el problema en ie7.

[OTTO_LOTO]

Iniciado por chotuno

Prueba a poner un text-align:center; en #fondobotones y display:inline-block; en lugar de float:left; en #boton

Esto funciona almenos en firefox pero no en ie7. Tambien se puede cambiar el <div id="boton"> por <span id="boton"> por ejemplo, eso soluciona el problema en ie7.

Gracias tío, funciona perfecto!

;)

[cristian_cena]

... y para la familia de IE ya sabes, existe esta alternativa libreria javascript IE7

Saludos!

[kseso?]

Lo que deberías hacer es utilizar las etiquetas correctas y nunca empezar la casa por el tejado. Si es un listado de elementos, pues una lista. Y ejemplos de menús usando ul/li/a hay cientos en el foro funcionales en la mayoría de navegadores (la familia ie incluida) y libres de cosas como el ie7.js o el uso de text-align para posicionar cajas.
La casa por el tejado: comenzar a hacer páginas sin antes adquirir una base mínima de (x)html y css esperando que en algún foro nos saquen todas las castañas del fuego.