Foros del Web » Creando para Internet » CSS »

Centrar Divs?

Estas en el tema de Centrar Divs? en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 17/11/2009, 07:09
Avatar de OTTO_LOTO  
Fecha de Ingreso: octubre-2009
Mensajes: 81
Antigüedad: 8 años, 1 mes
Puntos: 1
Centrar Divs?

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!
  #2 (permalink)  
Antiguo 17/11/2009, 08:31
 
Fecha de Ingreso: noviembre-2009
Mensajes: 11
Antigüedad: 8 años
Puntos: 1
Respuesta: Centrar Divs?

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.
  #3 (permalink)  
Antiguo 17/11/2009, 09:03
Avatar de OTTO_LOTO  
Fecha de Ingreso: octubre-2009
Mensajes: 81
Antigüedad: 8 años, 1 mes
Puntos: 1
Respuesta: Centrar Divs?

Cita:
Iniciado por chotuno Ver Mensaje
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!

;)
  #4 (permalink)  
Antiguo 17/11/2009, 09:50
Avatar de cristian_cena
Colaborador
 
Fecha de Ingreso: junio-2009
Mensajes: 2.244
Antigüedad: 8 años, 5 meses
Puntos: 269
Respuesta: Centrar Divs?

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

Saludos!
  #5 (permalink)  
Antiguo 17/11/2009, 10:15
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: Centrar Divs?

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.
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 10:04.