Foros del Web » Creando para Internet » CSS »

La página se pierde al usar zoom del navegador

Estas en el tema de La página se pierde al usar zoom del navegador en el foro de CSS en Foros del Web. Hola, tengo un problema. Estoy trabajando en una página y encontré que tiene un defecto que no logro resolver. Cuando uso el zoom del firefox ...
  #1 (permalink)  
Antiguo 03/02/2011, 23:43
 
Fecha de Ingreso: febrero-2011
Mensajes: 3
Antigüedad: 6 años, 10 meses
Puntos: 0
La página se pierde al usar zoom del navegador

Hola, tengo un problema.
Estoy trabajando en una página y encontré que tiene un defecto que no logro resolver.
Cuando uso el zoom del firefox (ctrl + scrool del mouse ó crtl + y ctrl -) resulta que cuando supero con el zoom las dimensiones de la pagina, la parte izquierda se vuelve inaccesible (el scrollbar no se desplaza a la izquierda).
Yo buscaba que la página quede centrada, pero no logro resolver este error.
Lo que hice fue poner un contenedor con estos atributos:
Código:
#contenedor{ 
  position: absolute; 
  height:100%;
  top: 110px;
  left:  50%;
  margin-left:-500px;  
  width: 1000px;  
}

No subí la pagina a ningún servidor, pero el error es el mismo que tiene esta sitio de aquí

http://www.lawebdelprogramador.com/news/new.php?id=40&texto=HTML

Si alguien me puede decir una forma de centrar la pagina sin que pase esto lo agradezco.

Saludos y gracias desde ya
  #2 (permalink)  
Antiguo 04/02/2011, 00:19
Avatar de zerokilled
Javascripter
 
Fecha de Ingreso: abril-2009
Ubicación: Isla del Encanto, La Borinqueña [+>==]
Mensajes: 8.049
Antigüedad: 8 años, 7 meses
Puntos: 1484
Respuesta: La página se pierde al usar zoom del navegador

buenas...
eso sucede porque el elemento contenedor tiene posicion absoluta y es normal que suceda. ¿que hacer? utiliza otro metodo para centrar el contenido. por ejemplo, aplicas el ancho deseado al contenedor y luego utilizas margin:auto; para que se centralice.

__________________
la maldad es una virtud humana,
y la espiritualidad es la lucha del hombre contra su maldad.
  #3 (permalink)  
Antiguo 04/02/2011, 00:31
Avatar de iwexcoder  
Fecha de Ingreso: mayo-2009
Ubicación: San Carlos de Bariloche
Mensajes: 404
Antigüedad: 8 años, 6 meses
Puntos: 16
Respuesta: La página se pierde al usar zoom del navegador

...los atributos que has puesto están correctos...el ejemplo de pagina web que has dado esta perfectamente centrada haciendo zoom tanto in como out....te recuerdo que el zoom es simplemente una herramienta de los browser y no pensadopara que alguien navegue en una web con el zoom al maximo...logicamente, la web no se vera correctamente...
__________________
iWexCoder.com - Programación - Desarrollo Movil - Programación Web www.iwexcoder.com
  #4 (permalink)  
Antiguo 04/02/2011, 00:33
Avatar de iwexcoder  
Fecha de Ingreso: mayo-2009
Ubicación: San Carlos de Bariloche
Mensajes: 404
Antigüedad: 8 años, 6 meses
Puntos: 16
Respuesta: La página se pierde al usar zoom del navegador

Cita:
Iniciado por zerokilled Ver Mensaje
buenas...
eso sucede porque el elemento contenedor tiene posicion absoluta y es normal que suceda. ¿que hacer? utiliza otro metodo para centrar el contenido. por ejemplo, aplicas el ancho deseado al contenedor y luego utilizas margin:auto; para que se centralice.

no comparto....los atributos que puso el compañero están perfectos para centrar una capa con position absolute;...
__________________
iWexCoder.com - Programación - Desarrollo Movil - Programación Web www.iwexcoder.com
  #5 (permalink)  
Antiguo 04/02/2011, 00:55
Avatar de zerokilled
Javascripter
 
Fecha de Ingreso: abril-2009
Ubicación: Isla del Encanto, La Borinqueña [+>==]
Mensajes: 8.049
Antigüedad: 8 años, 7 meses
Puntos: 1484
Respuesta: La página se pierde al usar zoom del navegador

ciertamente los atributos estan bien, solo que la combinacion de ellos causa dicho efecto. posiblemente sobreestimo que es por la posicion absoluta. de todos modos, notese que sucede si haces la ventana del navegador mas pequeña que las dimensiones del contenedor, independientemente del zoom aplicado.
__________________
la maldad es una virtud humana,
y la espiritualidad es la lucha del hombre contra su maldad.
  #6 (permalink)  
Antiguo 04/02/2011, 01:20
Avatar de JavierB
Colaborador
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 15 años, 9 meses
Puntos: 771
Hola, clicklose. Bienvenido al foro.

Muevo tu tema al foro de CSS desde Web general.

Saludos,
  #7 (permalink)  
Antiguo 04/02/2011, 09:00
 
Fecha de Ingreso: febrero-2011
Mensajes: 3
Antigüedad: 6 años, 10 meses
Puntos: 0
Respuesta: La página se pierde al usar zoom del navegador

Cita:
Iniciado por JavierB Ver Mensaje
Hola, clicklose. Bienvenido al foro.

Muevo tu tema al foro de CSS desde Web general.

Saludos,
Gracias por la bienvenida y gracias por ubicar mi post en la sección indicada

Bueno, antes que nada gracias a todos por responder.
La verdad no conozco otra forma de centrar la página, me sería de ayuda una sugerencia de cómo hacerlo.

Saludos
  #8 (permalink)  
Antiguo 05/02/2011, 20:15
 
Fecha de Ingreso: febrero-2011
Mensajes: 3
Antigüedad: 6 años, 10 meses
Puntos: 0
Respuesta: La página se pierde al usar zoom del navegador

Sólo para comentar, solucioné el problema modificando un motón de cosas y no usando position: absolute;

Saludos y muchas gracias por las respuestas

Etiquetas: pierde, zoom, navegadores
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 20:32.