Problemas centrando capa con <div align>

[kuai]

Hola de nuevo. Ahora que habia conseguido que casi toda mi pagina me fuera bien gracias a vosotros resulta que me pasa una cosa muy curiosa. Tengo una Capa madre con todos los elementos en ella. Quiero que esa capa este siempre centrada en el medio de la ventana. Asi que no le pongo ni cordenadas, top ni left. Bien. Ahora para centrarla pongo &lt;div align=center&gt; Y LA MUY ·$·$·$· SE ME AJUSTA A LA DERECHA.

Me explico mejor. Si pongo &lt;div align=&quot;left&quot;&gt; se me queda a la izquierda perfectamente, si pongo &quot;center&quot; se me coloca a la derecha, y si pongo &quot;right&quot; SE SALE de la ventana!!!. Por favor mirar a ver si podeis probar en un momentin a centrar una capa .

Muchas gracias.

[kuai]

Realmente nadie sabe centrar capas????

[tunait]

Hola Kuai,

mira, si le pides alineación izquierda, te pondrá la esquina superior izquierda a la izquierda. Si le pides centro, te pondrá la esquina superior izquierda centrada, con lo que visualmente la verás desplazada del centro a la derecha. Y si le pides a la derecha, pues hará lo mismo; poner su esquina superior izquierda a la derecha, con lo que la capa se sale por el lado derecho de la pantalla.

La capa madre la usamos en este caso para que vaya con la alineación del párrafo, y la capa hija es a la que daremos la posición con respecto de la madre.

Si lo que quieres es que te salga centrado, dale esa posición a la madre y luego centra a la hija con respecto a la esquina superior izquierda de la madre.
En cambio si lo quisieras alinear a la derecha, necesitarás dar una posición a la hija de exactamente su ancho pero en negativo.

Es decir, si la capa hija mide 200 pixels le habrás de dar una posición de -200. Eso para alinear a la derecha.
En el mismo caso, pero para alinear al centro, la posición de la hija abría de ser de -100; para alinear a la izquierda, la posición de la hija habría de ser de 0.

Suerte

[Carlitos]

Ummm, y haciendo esto no es más fácil?

Código:

<center>
<div>
Aquí el contenido de la capa
</div>
</center>

Un saludo. <img src="http://litos.galeon.com/guino.gif">

Carlos - Zaragoza

[kuai]

Muchas gracias Tunait t carlos. A carlos decirle que la etiqueta &lt;center&gt; es una de las primeras cosas que probe, pero no funciona como quiero, sigue alineandome la capa hacia la derecha....

Respecto a lo que comenta Tunait, muchas gracias, me ha funcionado perfectamente. La verdad es que me he puesto muy contento cuando he visto que eras tu el que me contestabas porque anteayer ley un post tuyo sobre Capa Madre y Capa hija que me parecio buenisimo. Hay mucha gente, ( yo antes tambien) que para hacer ese tipo de cosas utiliza java Script para saber que resolucion utiliza el usuario y a partir de ella poner la capa en una posicion u otra. La teoria de &quot;LA CAPA MADRE&quot; , es mucho mas sencilla y rapida. Gracias otra vez.