La página se pierde al usar zoom del navegador

clicklose · #1 (**permalink**) 03/02/2011, 23:43

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

zerokilled · #2 (**permalink**) 04/02/2011, 00:19

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.

iwexcoder · #3 (**permalink**) 04/02/2011, 00:31

...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 · #4 (**permalink**) 04/02/2011, 00:33

Cita:

Iniciado por zerokilled

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;...

zerokilled · #5 (**permalink**) 04/02/2011, 00:55

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.

JavierB · #6 (**permalink**) 04/02/2011, 01:20

Hola, clicklose. Bienvenido al foro.

Muevo tu tema al foro de CSS desde Web general.

Saludos,

clicklose · #7 (**permalink**) 04/02/2011, 09:00

Cita:

Iniciado por JavierB

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

clicklose · #8 (**permalink**) 05/02/2011, 20:15

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