La web se desitúa al cambiar de pantalla

LenaH · #1 (**permalink**) 30/12/2010, 05:16

Hola foreros!

Estoy haciendo una pagina web, que aun tengo que pulir un poquito, pero me preocupa el tema de la resolución de las pantallas.

La he maquetado en una pantalla cuadrada, en la que de ve centrada y correctamente, pero cuando la veo en una apaisada (de las nuevas) la pagina se carga con la capa div superior cortada.

Para centrar la pagina la he insertado toda en una capa content, que esta a top y left del 50%, y un marging top y left de menos la mitad del alto (para top) y del ancho (para left).

Recomiendo ver el enlace en Chrome, ya que los efectos de css3 no se pueden adecuar al firefox, por lo que yo se.

La pagina: http://masalles.granjaurbana.es/

Saludos

jomaruro · #2 (**permalink**) 30/12/2010, 05:54

Hola:

¿para que le das a content un margin-top de -350px? Si la esquina superior izquierda del navegador es la coordenada 0,0; tu le estás diciendo al navegador que te coloque el elemento 350px más arriba, ¿consecuencia? No se ve.

Deberías acostumbrarte a trabajar con los div en position:relative y no position:absolute, te crearán menos problemas.

Saludos.

LenaH · #3 (**permalink**) 30/12/2010, 06:23

Gracias jomaruro, los problemas mas tontos son los que mas tiempo me quitan :S
Estudiare bien lo de relative y absolute, me he acostumbrado al absolute y debe de ser un mal vicio que me tengo que quitar.

Graciaaaas

ReNNoN · #4 (**permalink**) 30/12/2010, 20:13

A lo que comenta el compañero añado que usar CSS3 si te vas a dirigir al público en general es una locura.

Corrige las faltas de ortografía, tienes un "Des de" en vez de un "Desde" nada mas empezar.

Saludos