Re: [Ovillo] Centrar capa contenedora
Hola, parece que a Daniel se le pasó por alto... así que recomiendo yo un artículo de su weblog, el centro del centro: http://www.torresburriel.com/weblog/index.php?p=265 Saludos David Lombardia :: DeltaIdeas escribió: Me temo que eso no funciona Joseph. Muchas gracias :-) -Mensaje original- De: Josep Maria Aribau Cano [mailto:[EMAIL PROTECTED] Enviado el: sábado, 19 de febrero de 2005 16:22 Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] Centrar capa contenedora Centrar verticalmente i horizontalmente. .capa_contenedora ( margin: auto; ) Josep Maria Aribau Cano [EMAIL PROTECTED] David Lombardia :: DeltaIdeas wrote: Di datos incompletos. También la quiero centrar verticalmente. Un saludo :-) -Mensaje original- De: Josep Maria Aribau Cano [mailto:[EMAIL PROTECTED] Enviado el: sábado, 19 de febrero de 2005 15:13 Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] Centrar capa contenedora .capa_contenedora ( margin-left = auto; margin-right = auto; ) Josep Maria Aribau Cano [EMAIL PROTECTED] Informacion :: DeltaIdeas wrote: ¿Alguien conoce la manera de centrar una capa mediante ECMAscript o similar, independientemente de la resolución de pantalla o simplemente con css? Muchas gracias y un saludo a todos J ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo -- No virus found in this outgoing message. Checked by AVG Anti-Virus. Version: 7.0.300 / Virus Database: 266.1.0 - Release Date: 18/02/2005 ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Centrar capa contenedora
Si, con ese código me centra lo que sea. Pero a ver quien es el majo que se acuerda de escribirlo. Josep Maria Aribau Cano [EMAIL PROTECTED] Camilo Kawerín wrote: Hola, parece que a Daniel se le pasó por alto... así que recomiendo yo un artículo de su weblog, el centro del centro: http://www.torresburriel.com/weblog/index.php?p=265 Saludos David Lombardia :: DeltaIdeas escribió: Me temo que eso no funciona Joseph. Muchas gracias :-) -Mensaje original- De: Josep Maria Aribau Cano [mailto:[EMAIL PROTECTED] Enviado el: sábado, 19 de febrero de 2005 16:22 Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] Centrar capa contenedora Centrar verticalmente i horizontalmente. .capa_contenedora ( margin: auto; ) Josep Maria Aribau Cano [EMAIL PROTECTED] David Lombardia :: DeltaIdeas wrote: Di datos incompletos. También la quiero centrar verticalmente. Un saludo :-) -Mensaje original- De: Josep Maria Aribau Cano [mailto:[EMAIL PROTECTED] Enviado el: sábado, 19 de febrero de 2005 15:13 Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] Centrar capa contenedora .capa_contenedora ( margin-left = auto; margin-right = auto; ) Josep Maria Aribau Cano [EMAIL PROTECTED] Informacion :: DeltaIdeas wrote: ¿Alguien conoce la manera de centrar una capa mediante ECMAscript o similar, independientemente de la resolución de pantalla o simplemente con css? Muchas gracias y un saludo a todos J ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Centrar capa contenedora
.capa_contenedora ( margin-left = auto; margin-right = auto; ) Josep Maria Aribau Cano [EMAIL PROTECTED] Informacion :: DeltaIdeas wrote: ¿Alguien conoce la manera de centrar una capa mediante ECMAscript o similar, independientemente de la resolución de pantalla o simplemente con css? Muchas gracias y un saludo a todos J ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
RE: [Ovillo] Centrar capa contenedora
Di datos incompletos. También la quiero centrar verticalmente. Un saludo :-) -Mensaje original- De: Josep Maria Aribau Cano [mailto:[EMAIL PROTECTED] Enviado el: sábado, 19 de febrero de 2005 15:13 Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] Centrar capa contenedora .capa_contenedora ( margin-left = auto; margin-right = auto; ) Josep Maria Aribau Cano [EMAIL PROTECTED] Informacion :: DeltaIdeas wrote: ¿Alguien conoce la manera de centrar una capa mediante ECMAscript o similar, independientemente de la resolución de pantalla o simplemente con css? Muchas gracias y un saludo a todos J ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Centrar capa contenedora
Centrar verticalmente i horizontalmente. .capa_contenedora ( margin: auto; ) Josep Maria Aribau Cano [EMAIL PROTECTED] David Lombardia :: DeltaIdeas wrote: Di datos incompletos. También la quiero centrar verticalmente. Un saludo :-) -Mensaje original- De: Josep Maria Aribau Cano [mailto:[EMAIL PROTECTED] Enviado el: sábado, 19 de febrero de 2005 15:13 Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] Centrar capa contenedora .capa_contenedora ( margin-left = auto; margin-right = auto; ) Josep Maria Aribau Cano [EMAIL PROTECTED] Informacion :: DeltaIdeas wrote: ¿Alguien conoce la manera de centrar una capa mediante ECMAscript o similar, independientemente de la resolución de pantalla o simplemente con css? Muchas gracias y un saludo a todos J ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
RE: [Ovillo] Centrar capa contenedora
El ancho si es fijo pero en cambio el alto no lo es. Ese el el problema
principal.
Un saludo y muchas gracias :-)
-Mensaje original-
De: Txuma Campos [altctrlsupr.com] [mailto:[EMAIL PROTECTED]
Enviado el: sábado, 19 de febrero de 2005 16:21
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] Centrar capa contenedora
Si el bloque que debe ir centrado es de un tamaño fijo, a mi me gusta
mucho el posicionamiento con coordenadas absolutas y margenes negativos.
Sería así
#contenedor {
width: 500px;
height: 400px;
position: absolute;
left: 50%;
top: 50%
margin-left: -250px;
margin-top: -200px;
}
El valor de los márgenes es el resultado, en negativo, de dividir la
anchura y la altura entre 2.
Un saludo
David Lombardia :: DeltaIdeas wrote:
Di datos incompletos. También la quiero centrar verticalmente.
Un saludo :-)
-Mensaje original-
De: Josep Maria Aribau Cano [mailto:[EMAIL PROTECTED]
Enviado el: sábado, 19 de febrero de 2005 15:13
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] Centrar capa contenedora
.capa_contenedora (
margin-left = auto;
margin-right = auto;
)
Josep Maria Aribau Cano
[EMAIL PROTECTED]
Informacion :: DeltaIdeas wrote:
¿Alguien conoce la manera de centrar una capa mediante ECMAscript o
similar,
independientemente de la resolución de pantalla o simplemente con css?
Muchas gracias y un saludo a todos J
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
RE: [Ovillo] Centrar capa contenedora
Me temo que eso no funciona Joseph. Muchas gracias :-) -Mensaje original- De: Josep Maria Aribau Cano [mailto:[EMAIL PROTECTED] Enviado el: sábado, 19 de febrero de 2005 16:22 Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] Centrar capa contenedora Centrar verticalmente i horizontalmente. .capa_contenedora ( margin: auto; ) Josep Maria Aribau Cano [EMAIL PROTECTED] David Lombardia :: DeltaIdeas wrote: Di datos incompletos. También la quiero centrar verticalmente. Un saludo :-) -Mensaje original- De: Josep Maria Aribau Cano [mailto:[EMAIL PROTECTED] Enviado el: sábado, 19 de febrero de 2005 15:13 Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] Centrar capa contenedora .capa_contenedora ( margin-left = auto; margin-right = auto; ) Josep Maria Aribau Cano [EMAIL PROTECTED] Informacion :: DeltaIdeas wrote: ¿Alguien conoce la manera de centrar una capa mediante ECMAscript o similar, independientemente de la resolución de pantalla o simplemente con css? Muchas gracias y un saludo a todos J ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Centrar capa contenedora
Josep Maria, siguiendo los estandares esa sería la opción más correcta, sin duda. Pero como siempre hay que pensar soluciones para los navegadores más populares con mal soporte (IE). Un saludo Josep Maria Aribau Cano wrote: Centrar verticalmente i horizontalmente. .capa_contenedora ( margin: auto; ) Josep Maria Aribau Cano [EMAIL PROTECTED] David Lombardia :: DeltaIdeas wrote: Di datos incompletos. También la quiero centrar verticalmente. Un saludo :-) -Mensaje original- De: Josep Maria Aribau Cano [mailto:[EMAIL PROTECTED] Enviado el: sábado, 19 de febrero de 2005 15:13 Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] Centrar capa contenedora .capa_contenedora ( margin-left = auto; margin-right = auto; ) Josep Maria Aribau Cano [EMAIL PROTECTED] Informacion :: DeltaIdeas wrote: ¿Alguien conoce la manera de centrar una capa mediante ECMAscript o similar, independientemente de la resolución de pantalla o simplemente con css? Muchas gracias y un saludo a todos J ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Centrar capa contenedora
También te recomiendo echar un vistazo a esta dirección: http://www.jakpsatweb.cz/css/css-vertical-center-solution.html De todos modos, y contradiciendo mis propios consejos, en alguna ocasión utilizar márgenes negativos me ha ocasionado algunos problemas en IE. Problemas con el funcionamiento de los elementos que están colocados dentro (listas de enlaces, etc. ) Salu2 David Lombardia :: DeltaIdeas wrote: Me temo que eso no funciona Joseph. Muchas gracias :-) -Mensaje original- De: Josep Maria Aribau Cano [mailto:[EMAIL PROTECTED] Enviado el: sábado, 19 de febrero de 2005 16:22 Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] Centrar capa contenedora Centrar verticalmente i horizontalmente. .capa_contenedora ( margin: auto; ) Josep Maria Aribau Cano [EMAIL PROTECTED] David Lombardia :: DeltaIdeas wrote: Di datos incompletos. También la quiero centrar verticalmente. Un saludo :-) -Mensaje original- De: Josep Maria Aribau Cano [mailto:[EMAIL PROTECTED] Enviado el: sábado, 19 de febrero de 2005 15:13 Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] Centrar capa contenedora .capa_contenedora ( margin-left = auto; margin-right = auto; ) Josep Maria Aribau Cano [EMAIL PROTECTED] Informacion :: DeltaIdeas wrote: ¿Alguien conoce la manera de centrar una capa mediante ECMAscript o similar, independientemente de la resolución de pantalla o simplemente con css? Muchas gracias y un saludo a todos J ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Centrar capa contenedora
Funciona con todos los navegadores excepto IE, pq IE no soporta
margin:auto. Para que funcione en IE tienes cómo lo has hecho tu o de la
manera que pongo a continuación.
Para el centrado vertical, hay varias técnicas, la mejor es que si sabes
el tamanyo del div, uses lo que tu has propuesto, en cambio si el layout
és dinámico es mejor usar una tabla i el vertical-align.
html
head
style
body {
text-align:center;
}
div {
border: 1px solid black;
background-color: gray;
color: white;
margin: 0 auto;
text-align: left;
width: 400px;
height: 200px;
}
/style
/head
body
div
As we know, Explorer Windows doesn't support margin: auto, so it doesn't
center the site horizontally yet. Fortunately it allows us to center
blocks by the (incorrect) use of text-align: center.
br /
br /
br /
a href='http://www.maxdesign.com.au/presentation/center/'
http://www.maxdesign.com.au/presentation/center/
/a
/div
/body
/html
Josep Maria Aribau Cano
[EMAIL PROTECTED]
David Lombardia :: DeltaIdeas wrote:
Me temo que eso no funciona Joseph.
Muchas gracias :-)
-Mensaje original-
De: Josep Maria Aribau Cano [mailto:[EMAIL PROTECTED]
Enviado el: sábado, 19 de febrero de 2005 16:22
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] Centrar capa contenedora
Centrar verticalmente i horizontalmente.
.capa_contenedora (
margin: auto;
)
Josep Maria Aribau Cano
[EMAIL PROTECTED]
David Lombardia :: DeltaIdeas wrote:
Di datos incompletos. También la quiero centrar verticalmente.
Un saludo :-)
-Mensaje original-
De: Josep Maria Aribau Cano [mailto:[EMAIL PROTECTED]
Enviado el: sábado, 19 de febrero de 2005 15:13
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] Centrar capa contenedora
.capa_contenedora (
margin-left = auto;
margin-right = auto;
)
Josep Maria Aribau Cano
[EMAIL PROTECTED]
Informacion :: DeltaIdeas wrote:
¿Alguien conoce la manera de centrar una capa mediante ECMAscript o
similar,
independientemente de la resolución de pantalla o simplemente con css?
Muchas gracias y un saludo a todos J
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
