Foros del Web » Creando para Internet » CSS »

alinear al centro 2 divs

Estas en el tema de alinear al centro 2 divs en el foro de CSS en Foros del Web. Hola, voy a ver si sé explicar que quiero hacer: vereis tengo una página con 2 tablas con una anchura de 300px cada una, cada ...
  #1 (permalink)  
Antiguo 01/09/2011, 14:06
 
Fecha de Ingreso: junio-2011
Ubicación: Barcelona
Mensajes: 240
Antigüedad: 12 años, 10 meses
Puntos: 14
alinear al centro 2 divs

Hola, voy a ver si sé explicar que quiero hacer: vereis tengo una página con 2 tablas con una anchura de 300px cada una, cada una de estas se encuentra dentro de un div, el primer div en el css tiene un float:left, y el segundo un float:right ya que segun leí por internet esto es para que queden las 2 tablas a la misma altura, ahora bien, si mi pantalla es de 1200px de ancho me queda una tabla en cada punta, la duda es como puedo hacer que se muestren las 2 tablas una junto a la otra (a la misma altura) pero pegadas por la parte de enmedio.

Gracias.
  #2 (permalink)  
Antiguo 01/09/2011, 16:50
 
Fecha de Ingreso: julio-2011
Mensajes: 220
Antigüedad: 12 años, 9 meses
Puntos: 72
Respuesta: alinear al centro 2 divs

Hay que poner float:left en los dos <div>; con esto quedaran uno pegado al otro.
  #3 (permalink)  
Antiguo 02/09/2011, 08:01
Avatar de DrFaust  
Fecha de Ingreso: septiembre-2011
Ubicación: Buenos Aires
Mensajes: 308
Antigüedad: 12 años, 8 meses
Puntos: 87
Respuesta: alinear al centro 2 divs

Si estás positivamente seguro de que las dos tablas siempre van a tener el mismo ancho (300px), y necesitás que ambas queden centradas, hay una técnica muy simple para hacer lo que querés.

Para ambas tablas:
position:absolute;
left:50%;


Para la tabla de la izquierda, además:
margin-left:-300px;

Lo que hace esto es centrar el margen izquierdo de ambas tablas justo en el centro de la pantalla (lo que hace que queden apiladas), y luego mover la tabla izquierda su ancho (300px) hacia la izquierda. Acá tenés un ejemplo:

http://www.leandrobarone.com.ar/3975891.html

Última edición por DrFaust; 02/09/2011 a las 08:07
  #4 (permalink)  
Antiguo 02/09/2011, 14:43
 
Fecha de Ingreso: junio-2011
Ubicación: Barcelona
Mensajes: 240
Antigüedad: 12 años, 10 meses
Puntos: 14
Respuesta: alinear al centro 2 divs

muchas gracias a los 2.

Etiquetas: alinear, ancho, centro, divs
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 13:16.