Foros del Web » Creando para Internet » CSS »

El diseño de mi web se estropea con el zoom

Estas en el tema de El diseño de mi web se estropea con el zoom en el foro de CSS en Foros del Web. Hola, he creado una web descargando un template de internet y modificandolo a mi gusto, sin embargo he visto que se presenta de forma diferente ...
  #1 (permalink)  
Antiguo 23/07/2014, 05:01
 
Fecha de Ingreso: julio-2014
Ubicación: Madrid
Mensajes: 19
Antigüedad: 9 años, 8 meses
Puntos: 0
El diseño de mi web se estropea con el zoom

Hola, he creado una web descargando un template de internet y modificandolo a mi gusto, sin embargo he visto que se presenta de forma diferente según el zoom y un zoom un poco mas alto del 100% descoloca mi pagina por completo (rompiendo con todo el diseño) como puedo hacer para que se adapte según el zoom?

La pagina en concreto es:

http://www.ernesto-herrera.esy.es/

Si os dais cuenta al hacer zoom el cuadro de (biografia en este caso) se solapa con la de filmografía, me gustaria poder adaptarla para que no saliera de ese cuadro.

Tambien me gustaría saber como puedo hacer para adaptarla a una versión móvil y que desde el móvil se vaya hacia ese otro diseño.

Saludos
  #2 (permalink)  
Antiguo 23/07/2014, 06:09
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.488
Antigüedad: 21 años, 7 meses
Puntos: 2114
Respuesta: El diseño de mi web se estropea con el zoom

No uses posiciones absolutas. Así de fácil. Incluso sin zoom se solapan los elementos… Y es por usar posicionamiento absoluto.
  #3 (permalink)  
Antiguo 23/07/2014, 07:17
 
Fecha de Ingreso: julio-2014
Ubicación: Madrid
Mensajes: 19
Antigüedad: 9 años, 8 meses
Puntos: 0
Respuesta: El diseño de mi web se estropea con el zoom

Entonces que posicion deberia utilizar? Y eso de que vez que se te solapan debe ser por el zoom que tienes en tu navegador, yo tengo el predeteminado 100% y se ve bien. Pero claro quiero que se vea bien para todos. Por eso el hilo
  #4 (permalink)  
Antiguo 23/07/2014, 07:42
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.488
Antigüedad: 21 años, 7 meses
Puntos: 2114
Respuesta: El diseño de mi web se estropea con el zoom

Cita:
Iniciado por Braaank Ver Mensaje
Entonces que posicion deberia utilizar?
En principio, ninguna. Aprende a flotar elementos con float por ejemplo.
  #5 (permalink)  
Antiguo 23/07/2014, 07:50
 
Fecha de Ingreso: julio-2014
Ubicación: Madrid
Mensajes: 19
Antigüedad: 9 años, 8 meses
Puntos: 0
Respuesta: El diseño de mi web se estropea con el zoom

Cita:
Iniciado por pzin Ver Mensaje
En principio, ninguna. Aprende a flotar elementos con float por ejemplo.
Algun sitio donde pueda empezar a ver esto?

De antemano, gracias.
  #6 (permalink)  
Antiguo 23/07/2014, 07:53
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.488
Antigüedad: 21 años, 7 meses
Puntos: 2114
Respuesta: El diseño de mi web se estropea con el zoom

En realidad es algo muy básico de CSS. Deberías de mirarte algún manual. Ahí hay un capítulo hacer de float.
  #7 (permalink)  
Antiguo 23/07/2014, 08:08
 
Fecha de Ingreso: julio-2014
Ubicación: Madrid
Mensajes: 19
Antigüedad: 9 años, 8 meses
Puntos: 0
Respuesta: El diseño de mi web se estropea con el zoom

Cita:
Iniciado por pzin Ver Mensaje
En realidad es algo muy básico de CSS. Deberías de mirarte [URL="http://librosweb.es"]algún manual[/URL]. Ahí hay [URL="http://librosweb.es/referencia/css/float.html"]un capítulo hacer de [inline]float[/inline][/URL].
De hecho justo esa pagina había encontrado y estaba tratando de aplicarlo. Donde tengo las imagenes en una clase en CSS que se llama .nivoSlider ya venia la propiedad overflow: hidden;

Después en donde tengo la caja de texto (dentro de la imagen) he quitado la propiedad position y he puesto float: left; a ver que ocurría y resulta que me pone el texto debajo de la imagen (en un fondo blanco) además que si quito la propiedad sigue estando igual, no sé que estaré haciendo mal..
  #8 (permalink)  
Antiguo 24/07/2014, 05:51
 
Fecha de Ingreso: julio-2014
Ubicación: Madrid
Mensajes: 19
Antigüedad: 9 años, 8 meses
Puntos: 0
Respuesta: El diseño de mi web se estropea con el zoom

Aún no lo he conseguido, alguien puede echarme una mano?

Etiquetas: diseño, zoom
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 22:03.