Ejemplo práctico: centrar web vs problemas que origina

[darkgaze]

Hola chicos.

Os pongo aquí un ejemplo de la web que estoy haciendo.


www.luisangel.es

La he conseguido centrar con un método que leí:

Se hace un margen de la mitad de la pantalla, del punto medio del tamaño del area.


Problema?

Que cuando la pantalla es algo más pequeña (probad a disminuir su tamaño) se come la parte de arriba (porque coloca al 50% de la pantalla!).

Hoja CSS de la web

En los dos ID del principio, el que veis es Centro_principal.



Se os ocurre cómo puedo hacer para que cuando sea mas pequeño NO SE COMA la parte de arriba? una especie de límite....



Muchas gracias, a ver si me podéis ayudar.

[eveldevil]

Lo siento pero no entiendo bien el problema, haber si he entendido, lo que sucede es que le das un margin-top negativo para que suba la pagina principal en la capa Centro_principal, ahora el problema es que utilizas la misma capa para la pagina principal como para las demas, y si lo que quieres es solo subir la pagina principal tiene que ser una capa especial para la pagina principal. por eso es que se te sube la informacion en las demas paginas, asi que te recomiendo que crees una nueva capa para las demas paginas y lo dejes sin margin-top, espero que te sirva saludos.

[darkgaze]

capas?

Con css?

caray. jamás las usé. Me podrías explicar qué añadir para conseguir hacer eso de la capa?

No será el z-index?
no se usarlo bien, ayúdame por favor. :_

[lucasan]

no soy experto, pero ¿no podrías obviar el margin? ya que tienes posicionado absoluto y al 50% arriba y hacia el borde, creo que con eso debería bastar. ¿no?

Prueba a ver, (repito, no soy experto)

[darkgaze]

...
jaja


claro. supongo.

el problema es que si la pantalla es pequeña... el 50% es DEMASIADO PEQUEÑO para la mitad de la imagen, y por lo tanto se come la parte de arriba. Yo quiero que cuadno sea

MENOR QUE la mitad del tamaño, no decrezca mas. Como se hace eso?