Limites de la web

salbatore · #1 (**permalink**) 24/02/2010, 16:05

Hola foreros!,

Estoy terminando una pagina de inicio para una intranet y me ha surgido un problemilla. La pagina en cuestion tiene un formulario sencillo centrado en el centro de la pagina, verticalmente y horizontalmente. Es del estilo de tuenti.com, mirar su pagina de inicio .

Si os fijais el formulario esta centrado, ahora si reduces la ventana hasta hacerla un poco mas pequeña que el bloque del formulario de tuenti, si lo haces puedes ver como el formulario continua centrandose respecto a la ventana, por lo que dejas de ver el formulario aunque muevas el scroll. Y me preguntaba:

¿Se os ocurre alguna forma de hacer que el bloque del formulario se centre respecto a las medidas totales de la web, es decir, la anchura y altura de la web y no de la ventana?

Por si me he explicado mal... entrar aqui si reducis la ventana hasta alcanzar un tamaño inferior al tamaño de las "DEAD CENTRE" vemos cortadas las letras. Me preguntaba si existe la forma de evitar eso... y que se centre con los scroll's.

El sistema para centrar todo el invento funciona con position:absolute. Me he puesto ha pensar... y no se me ocurre nada, jeje.

¿Alguna idea brillante?

mdk · #2 (**permalink**) 25/02/2010, 11:47

No comprendo muy bien lo que quieres hacer, pero lo que veo, es que las letras, se ven siempre centradas, y cuando se reduce mucho la ventana, las letras se cortan igual que el tuenti, dando la posivilidad de mover el scroll para verlas. Si te refieres que al hacerlo pequeño y se corten las letras, estas se centren tambien con el scroll, no se si se puede hacer, pero sinceramente no le veo la utilidad de rizar el rizo, porque no creo que alguien vaya a hacerlo tan pequeño.

Una aclaración, el tamaño de las medidas totales de la web, va a ser siempre el tamaño de las medidas de la ventana, a no ser, que tu "predefinas" unas medidas para la web, cosa no muy aconsejable, ya que hay bastantes resoluciones de pantalla, y tal vez no conseguirias el efecto de "siempre centrado".

salbatore · #3 (**permalink**) 26/02/2010, 08:34

Hola,

No se con que navegador estas viendo los links que postee... pero si te fijas... cuando reduces la ventana a un tamaño inferior al de su contenido, en los casos de tener el contenedio centrado de ese modo... por mucho que muevas los scroll no ves todo el contenido (pruebalo), solo se ve una parte... si te fijas bien aqui veras como cuando reduces la anchura de la web a un tamaño menor al del texto... no conseguiras leer correctamente el "DEAD".

¿Alguien sabe alguna respuesta?... seria fantastico!

salbatore · #4 (**permalink**) 26/02/2010, 10:53

Hola de nuevo...

Por si las moscas pongo unas capturas de Tuenti... mirar como no es posible ver el "entrar" que se encuentra como titulo del bloque del login si reducimos la ventana mas que el tamaño del elemento login:

Alguna idea? para que si mueves el scroll funcione correctamente con objetos centrados... no me gustarian propiedades modernas de css... es decir... quiero que lo lea el IE6, jeje. Tal vez un div con las medidas del bloque login?... lo probe y no me funciona... jeje... alguna idea?

flashtkd · #5 (**permalink**) 26/02/2010, 10:56

ventana.minimize.show(0.1px, 0.1px).

Midal · #6 (**permalink**) 26/02/2010, 11:15

Hmmm, supongo que es cosa de centrarlo con el position absolute.

Prueba a crear un div que ocupe todo el ancho y esté centrado verticalmente, dentro de ese div crea otro div con la dimensión que quieras darle al cuadro de login y sin posición absoluta ni nada, mete ahí el formulario.

Supongo que de esa forma te debería servir, no obstante es curioso, nunca me había fijado en eso!

salbatore · #7 (**permalink**) 28/02/2010, 18:32

Hola,

Aun lo estoy intentando, jeje... el problema es que el contenido tiene alguna que otra medida dinamica... que me trae de cabeza, jeje... cuando lo consiga posteo la solucion, siento la tardanza de respuesta...

Hasta que lo solucione, gracias.