Foros del Web » Creando para Internet » CSS »

Cuestion de divs

Estas en el tema de Cuestion de divs en el foro de CSS en Foros del Web. Hola! Tengo el siguiente problema... Dispongo de un div con un tamaño fijado y quiero alinear horizontalmente otro par de divs internos a el, de ...
  #1 (permalink)  
Antiguo 07/06/2010, 12:06
 
Fecha de Ingreso: mayo-2010
Mensajes: 38
Antigüedad: 7 años, 7 meses
Puntos: 0
Cuestion de divs

Hola!

Tengo el siguiente problema...
Dispongo de un div con un tamaño fijado y quiero alinear horizontalmente otro par de divs internos a el, de modo que los 2 divs que estan dentro esten uno junto al otro.

He probado de mil maneras y solo consigo, bien juntar los dos divs internos sin poder alinear horizontalmente, o bien alinear horizontalmente uno de los divs mientras que el otro se va a la siguiente linea. Ambos casos no me valen, alguien podria arrojar algo de luz?

Un saludo y gracias!
  #2 (permalink)  
Antiguo 07/06/2010, 12:15
Avatar de gVenom  
Fecha de Ingreso: julio-2008
Ubicación: Costa Rica
Mensajes: 1.455
Antigüedad: 9 años, 5 meses
Puntos: 53
Respuesta: Cuestion de divs

Hola

Eso se hace con el parametro de "float" de css. Pero para ayudarte mejor sería bueno que pegues la parte del código que estas utilizando en esos div
__________________
"Al que venciere y guardare mis obras hasta el fin, yo le daré autoridad sobre las naciones."
Apocalipsis 2: 26
Servicios para Pymes http://dst.co.cr
  #3 (permalink)  
Antiguo 07/06/2010, 12:30
 
Fecha de Ingreso: mayo-2010
Mensajes: 38
Antigüedad: 7 años, 7 meses
Puntos: 0
Respuesta: Cuestion de divs

Gracias por tu respuesta gVenom...

Cita:
Iniciado por gVenom Ver Mensaje
Eso se hace con el parametro de "float" de css.
Para colocar los dos divs internos uno junto al otro, utilizo "float:left;" y no presenta ningun problema. Pero otra cosa es cuando quiero alinear los 2 divs internos para que queden centrados en la superficie del que los engloba.

Te dejo un codigo de ejemplo:
Código:
<div style="height:20px; width:100px; background-color:#000">
    <div style="height:100%; width:25%; float:left; background-color:#F00"></div>
    <div style="height:100%; width:25%; float:left; background-color:#FF0"></div>
</div>
Ahora, a partir de ese codigo... como puedo alinear horizontalmente los divs interiores para que queden centrados?

Un saludo
  #4 (permalink)  
Antiguo 07/06/2010, 12:37
Avatar de gVenom  
Fecha de Ingreso: julio-2008
Ubicación: Costa Rica
Mensajes: 1.455
Antigüedad: 9 años, 5 meses
Puntos: 53
Respuesta: Cuestion de divs

lo que pasa es que no le has dado un margen, para que el div se separe de el borde izquierdo. Utiliza un margin-left: 25px; (eso fue calculado, usa el valor que se acomode) y me avisas.
__________________
"Al que venciere y guardare mis obras hasta el fin, yo le daré autoridad sobre las naciones."
Apocalipsis 2: 26
Servicios para Pymes http://dst.co.cr
  #5 (permalink)  
Antiguo 07/06/2010, 12:45
 
Fecha de Ingreso: mayo-2010
Mensajes: 38
Antigüedad: 7 años, 7 meses
Puntos: 0
Respuesta: Cuestion de divs

Cita:
Iniciado por gVenom Ver Mensaje
lo que pasa es que no le has dado un margen, para que el div se separe de el borde izquierdo.
No se exactamente que podemos conseguir con eso, porque si le damos un "margin-left:XXpx;" al div externo, separa XXpixeles a la derecha del borde izquierdo, y si lo utilizamos en los divs internos me lo separa del div externo por la parte izquierda.
Otra cosa es que calculemos a que distancia deberia comenzar el primer div interno para asi conseguir el centrado de ambos, pero este es un codigo de ejemplo y en el interior del div que contiene todo iran divs con tamaños variables.

No se si entendi bien tu sugerencia...

Un saludo
  #6 (permalink)  
Antiguo 07/06/2010, 12:57
Avatar de gVenom  
Fecha de Ingreso: julio-2008
Ubicación: Costa Rica
Mensajes: 1.455
Antigüedad: 9 años, 5 meses
Puntos: 53
Respuesta: Cuestion de divs

Bueno, no se si me explique mal. yo puse to código asi:
Código HTML:
<html>
<head></head>
<body>
<div style="height:20px; width:100px; background-color:#000; border:1px;">
    <div style="height:100%; width:25%; float:left; background-color:#F00; border:1px; margin-left:12%"></div>
    <div style="height:100%; width:25%; float:left; background-color:#FF0; border:1px;"></div>
</div>
</body>
</html> 
y me aparecen centrados los cuadritos de adentro.
__________________
"Al que venciere y guardare mis obras hasta el fin, yo le daré autoridad sobre las naciones."
Apocalipsis 2: 26
Servicios para Pymes http://dst.co.cr
  #7 (permalink)  
Antiguo 07/06/2010, 13:06
 
Fecha de Ingreso: mayo-2010
Mensajes: 38
Antigüedad: 7 años, 7 meses
Puntos: 0
Respuesta: Cuestion de divs

De esa manera puedo centrar los divs internos para ese caso particular, es decir, para los tamaños que tienen en ese momento. Pero si los divs interiores varian dinamicamente su anchura, y en lugar de ser un 25%, fuera de un 34% por ejemplo, este caso ya no valdria.

Lo que intento conseguir es que sean de la anchura que sean, siempre y cuando la suma de ambos no supere al div que los engloba, queden centrados y uno junto al otro.

Claro que esta solucion sera mas complicada que andar con la cuenta la vieja ;)

Etiquetas: Ninguno
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 08:30.