Foros del Web » Creando para Internet » CSS »

Que las capas no se monten unas sobre otras

Estas en el tema de Que las capas no se monten unas sobre otras en el foro de CSS en Foros del Web. Hola el titulo parece un tanto complicado es que no supe como expresarlo muy bien pero voy a intentar explicarlo mejor en la web que ...
  #1 (permalink)  
Antiguo 07/07/2011, 08:21
Avatar de francisco93  
Fecha de Ingreso: julio-2011
Ubicación: Soy ciudadano del mundo, pero vivo en Canarias :)
Mensajes: 58
Antigüedad: 5 años, 10 meses
Puntos: 1
Exclamación Que las capas no se monten unas sobre otras

Hola el titulo parece un tanto complicado es que no supe como expresarlo muy bien pero voy a intentar explicarlo mejor en la web que he hecho cuando intentas dar zoom (Ctr + Rueda del mouse) la web se adapta a cualquier ancho de la pantalla es decir siempre se queda al 100% pero se montan las capas div una arriba de la otra, lo que quiero es que cuando aumente las capas div no se monten una arriba de las otras sino se queden tal cual.
Lo siento pero la web se encuentra en localhost y no puedo publicarla.
Gracias por leer y espero puedan ayudarme.
  #2 (permalink)  
Antiguo 07/07/2011, 08:42
 
Fecha de Ingreso: junio-2011
Mensajes: 4
Antigüedad: 5 años, 11 meses
Puntos: 1
Respuesta: Que las capas no se monten unas sobre otras

Ejemplo:

Tienes tres divs, uno adaptado al 100% (ancho y alto) al navegador (imaginemos que el ancho del navegador es 1000px), y otros dos más de 500px de ancho y alto. Metemos estos dos últimos en el primero y le especificamos que uno lo queremos alineado a la dechecha y otro a la izquierda. Hasta ahora bien, encajan a la perfección, ya que entre los dos suman los 1000px de ancho del padre. Pero en el momento en que hacemos zoom positivo (>100%) el padre se sigue adaptando a la ventana así que ahora medirá MENOS de 1000px pero los otros que tienen especificado su tamaño en px no variaran, así que se montarán inevitablemente; y viceversa, si alejas el zoom, ahora el padre medirá más de 1000px y ya no encajarán, sino que dejarán un hueco entre los dos.

Solución:

Si tienes un div que se adapta al tamaño de la ventana (el cual es sensible al zoom), para que no se descuadren deberás evitar definir los tamaños y posiciones en pixeles, o bien en % para la posición y el tamaño, o bien alineaciones para la posición. Si en el ejemplo anterior pones la anchura de los divs al 50% no se descuadrarán cuando hagas zoom nunca.

Espero haberte ayudado,
Un saludo.

Última edición por pedro_delgado; 07/07/2011 a las 08:57
  #3 (permalink)  
Antiguo 07/07/2011, 09:18
Avatar de francisco93  
Fecha de Ingreso: julio-2011
Ubicación: Soy ciudadano del mundo, pero vivo en Canarias :)
Mensajes: 58
Antigüedad: 5 años, 10 meses
Puntos: 1
Respuesta: Que las capas no se monten unas sobre otras

Gracias buena explicacion es que llevaba rato con eso, ahora voy a arreglar eso
  #4 (permalink)  
Antiguo 09/07/2011, 04:35
Avatar de cristian_cena
Colaborador
 
Fecha de Ingreso: junio-2009
Mensajes: 2.244
Antigüedad: 7 años, 11 meses
Puntos: 269
Respuesta: Que las capas no se monten unas sobre otras

Estos links te pueden ser útiles.
apilar capas con z-index
maquetación fija y líquida

Saludos.

Etiquetas: ancho, capas
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 12:39.