Re: [Ovillo] duda con centrados en CSS
Hola de nuevo a todos, me funciona perfectamente con respecto al centrado
horizontal, pero el problema me surge cuando quiero tener todo el contenido
del estilo centrado verticalmente, existe algún parametro para centrarlo
verticalmente sea cual sea su resolución??
Por más que esto mirando no consigo encontrar con que parametro jugar, a lo
mejor no existe esta propiedad.
Gracias a todos igualmente
Juan
- Original Message -
From: David Castelló [EMAIL PROTECTED]
To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
Sent: Monday, June 12, 2006 4:19 PM
Subject: Re: [Ovillo] duda con centrados en CSS
Hola!
Si lo que se quiere es centrar una caja (div), ¿quien dice que el I.E. no
soporata el margin auto?, o ¿porque hacer text-align: center en el body?
¿No es mas facil de lo que parece?, resumiendo:
#content {
width: 80%; /* y le damos la anchura que queremos para la caja */
margin: 0 auto; /* para que la centre */
}
o bien, jugamos con el margin:
#content {
margin: 0 10%; /* y utilizamos el margin como forma para centrarla */
}
Para muestra un boton [1]. Y perdon por la autopromoción.
Saludos !!
[1] http://www.estandaresweb.es/pruebas/centrada.html
On 6/12/06, Enrique Rodriguez [EMAIL PROTECTED] wrote:
Buenas.
De momento te recomendaría que usaras minúsculas siempre, y que no
maquetaras el contenido en una tabla, sino que usaras CSS para ello, es
fácil, te lo aseguro.
Siguiento tu petición (supongo que declaras el tipo de documento, y que
incluyes cabecera y tal...):
body
div id=content
table--
todo el contenido de la página
/table
/div
/body
CSS:
body {
text-align: center; /* para centrar en IE, ya que se salta el
estandar CSS */
}
#content {
width: 760px; /* el ancho que quieras */
margin: 0 auto; /* es esto lo que hace el centrado */
text-align: left; /* restaurando la alineación */
}
Espero que te sirva ;-)
studio creativo bynet escribió:
Buenos dias, imagino que mi pregunta tendra facil solución pero
reconozco que me encuentro algo atascado con ello.
Alguién podria ayudarme sobre como puedo centrar tanto horizontalmente
como verticalmente en la pantalla, un div que contiene todo el contenido
de
dicha pagina: tablas, etc... sea cual sea la resolución del monitor.
BODY
DIV id=Content
TABLE--
todo el contenido de la página
/TABLE
/DIV
BODY
tengo este codigo pero no consigo que me lo centre verticalmente:
#Content {
position:absolute;
left:50%;
width:746px;
margin-top:55px;
margin-left:-371px;
text-align:left;
}
Muchisimas gracias por la ayuda
Juanjo
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.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@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
--
David Castelló
www.estandaresweb.es
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.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@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] duda con centrados en CSS
Creo haber enconttrado la solución os la pego por si le resulta a alguien de
utilidad, el unico handicap es que te crea un scroll en la barra de
desplazamiento.
Gracias a todos
Juanjo
body{text-align: center;}
#total{
display:table;
height:100%;
text-align: left;
margin: 0 20%;
}
#conteni{
_position: absolute;
_top: 50%;
display: table-cell;
vertical-align: middle;
text-align:center;
width:400px;
}
#centrar{
_position: relative;
_top: -50%;
}
y en el código html:
div id=total
div id=conteni
div id=centrar
---todo el contenido
/div
/div
/div
- Original Message -
From: studio creativo bynet [EMAIL PROTECTED]
To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
Sent: Tuesday, June 13, 2006 10:15 AM
Subject: Re: [Ovillo] duda con centrados en CSS
Hola de nuevo a todos, me funciona perfectamente con respecto al centrado
horizontal, pero el problema me surge cuando quiero tener todo el contenido
del estilo centrado verticalmente, existe algún parametro para centrarlo
verticalmente sea cual sea su resolución??
Por más que esto mirando no consigo encontrar con que parametro jugar, a lo
mejor no existe esta propiedad.
Gracias a todos igualmente
Juan
- Original Message -
From: David Castelló [EMAIL PROTECTED]
To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
Sent: Monday, June 12, 2006 4:19 PM
Subject: Re: [Ovillo] duda con centrados en CSS
Hola!
Si lo que se quiere es centrar una caja (div), ¿quien dice que el I.E. no
soporata el margin auto?, o ¿porque hacer text-align: center en el body?
¿No es mas facil de lo que parece?, resumiendo:
#content {
width: 80%; /* y le damos la anchura que queremos para la caja */
margin: 0 auto; /* para que la centre */
}
o bien, jugamos con el margin:
#content {
margin: 0 10%; /* y utilizamos el margin como forma para centrarla */
}
Para muestra un boton [1]. Y perdon por la autopromoción.
Saludos !!
[1] http://www.estandaresweb.es/pruebas/centrada.html
On 6/12/06, Enrique Rodriguez [EMAIL PROTECTED] wrote:
Buenas.
De momento te recomendaría que usaras minúsculas siempre, y que no
maquetaras el contenido en una tabla, sino que usaras CSS para ello, es
fácil, te lo aseguro.
Siguiento tu petición (supongo que declaras el tipo de documento, y que
incluyes cabecera y tal...):
body
div id=content
table--
todo el contenido de la página
/table
/div
/body
CSS:
body {
text-align: center; /* para centrar en IE, ya que se salta el
estandar CSS */
}
#content {
width: 760px; /* el ancho que quieras */
margin: 0 auto; /* es esto lo que hace el centrado */
text-align: left; /* restaurando la alineación */
}
Espero que te sirva ;-)
studio creativo bynet escribió:
Buenos dias, imagino que mi pregunta tendra facil solución pero
reconozco que me encuentro algo atascado con ello.
Alguién podria ayudarme sobre como puedo centrar tanto horizontalmente
como verticalmente en la pantalla, un div que contiene todo el contenido
de
dicha pagina: tablas, etc... sea cual sea la resolución del monitor.
BODY
DIV id=Content
TABLE--
todo el contenido de la página
/TABLE
/DIV
BODY
tengo este codigo pero no consigo que me lo centre verticalmente:
#Content {
position:absolute;
left:50%;
width:746px;
margin-top:55px;
margin-left:-371px;
text-align:left;
}
Muchisimas gracias por la ayuda
Juanjo
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.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@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
--
David Castelló
www.estandaresweb.es
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.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@lists.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@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] duda con centrados en CSS
Juan escribió:
Hola de nuevo a todos, me funciona perfectamente con respecto al centrado
horizontal, pero el problema me surge cuando quiero tener todo el contenido
del estilo centrado verticalmente, existe algún parametro para centrarlo
verticalmente sea cual sea su resolución??
Por más que esto mirando no consigo encontrar con que parametro jugar, a lo
mejor no existe esta propiedad.
Gracias a todos igualmente
Juan
Hola,
Para centrar el contenido verticalmente, tienes que meterlo todo en un div
con una altura fija, la que sea ( en el ejemplo voy a suponer 500px)
Le das una distancia de top del 50% y pones un margen negativo de la mitad
del tamaño del div, porque css alineará el bloque partiendo de la esquina
superior izda, mas o menos así:
#contenedor {
margin-top: -250px;
position: absolute;
height: 500px;
top: 50%;
}
Saludos
Rafa
biosfera 4
desarrollo web | asesoramiento musical | open source
http://www.biosfera4.com
[EMAIL PROTECTED]
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] duda con centrados en CSS
rafael.g.lepper escribió:
Para centrar el contenido verticalmente, tienes que meterlo todo en un div
con una altura fija, la que sea ( en el ejemplo voy a suponer 500px)
Le das una distancia de top del 50% y pones un margen negativo de la mitad
del tamaño del div, porque css alineará el bloque partiendo de la esquina
superior izda, mas o menos así:
#contenedor {
margin-top: -250px;
position: absolute;
height: 500px;
top: 50%;
}
Exacto, con el detalle de que top:50%; no funciona en IE Mac, por lo
que el margin-top negativo te dejaría la página cortada por la mitad.
Lo solucionas con un hack. No quedará centrada en IE Mac, pero al
menos tampoco cortada al medio!
#contenedor {
position: absolute;
height: 500px;
top: 50%;
margin-top: 50px; /* ie mac \*/
margin-top: -250px;/* los otros navegadores - no quitar este comentario */
}
Saludos,
- manuel
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
[Ovillo] duda con centrados en CSS
Buenos dias, imagino que mi pregunta tendra facil solución pero reconozco que
me encuentro algo atascado con ello.
Alguién podria ayudarme sobre como puedo centrar tanto horizontalmente como
verticalmente en la pantalla, un div que contiene todo el contenido de dicha
pagina: tablas, etc... sea cual sea la resolución del monitor.
BODY
DIV id=Content
TABLE--
todo el contenido de la página
/TABLE
/DIV
BODY
tengo este codigo pero no consigo que me lo centre verticalmente:
#Content {
position:absolute;
left:50%;
width:746px;
margin-top:55px;
margin-left:-371px;
text-align:left;
}
Muchisimas gracias por la ayuda
Juanjo
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] duda con centrados en CSS
margin: 0 auto;
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de studio creativo
bynet
Enviado el: lunes, 12 de junio de 2006 10:04
Para: Ovillo, la lista de CSS en castellano
Asunto: [Ovillo] duda con centrados en CSS
Buenos dias, imagino que mi pregunta tendra facil solución pero reconozco que
me encuentro algo atascado con ello.
Alguién podria ayudarme sobre como puedo centrar tanto horizontalmente como
verticalmente en la pantalla, un div que contiene todo el contenido de dicha
pagina: tablas, etc... sea cual sea la resolución del monitor.
BODY
DIV id=Content
TABLE--
todo el contenido de la página
/TABLE
/DIV
BODY
tengo este codigo pero no consigo que me lo centre verticalmente:
#Content {
position:absolute;
left:50%;
width:746px;
margin-top:55px;
margin-left:-371px;
text-align:left;
}
Muchisimas gracias por la ayuda
Juanjo
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
---
Este correo electrónico y, en su caso, cualquier fichero anexo al mismo,
contiene información de carácter confidencial exclusivamente dirigida a su
destinatario o destinatarios. Queda prohibida su divulgación, copia o
distribución a terceros sin la previa autorización escrita de Indra. En el caso
de haber recibido este correo electrónico por error, se ruega notificar
inmediatamente esta circunstancia mediante reenvío a la dirección electrónica
del remitente. POR FAVOR, ANTES DE IMPRIMIR ESTE CORREO ELECTRÓNICO CONSIDERE
SU APORTACIÓN A LA CONSERVACIÓN DEL MEDIO AMBIENTE POR LA REDUCCIÓN DE CONSUMO
DE PAPEL.
The information in this e-mail and in any attachments is confidential and
solely for the attention and use of the named addressee(s). You are hereby
notified that any dissemination, distribution or copy of this communication is
prohibited without the prior written consent of Indra. If you have received
this communication in error, please, notify the sender by reply e-mail. PLEASE
CONSIDER YOUR ENVIRONMENTAL RESPONSIBILITY BEFORE PRINTING THIS E-MAIL.
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] duda con centrados en CSS
Se me olvidó decirte que IE (como siempre) no soporta margin: auto, en cuya
caso deberías poner el la etiqueta BODY{text-align: center;}
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de studio creativo
bynet
Enviado el: lunes, 12 de junio de 2006 10:04
Para: Ovillo, la lista de CSS en castellano
Asunto: [Ovillo] duda con centrados en CSS
Buenos dias, imagino que mi pregunta tendra facil solución pero reconozco que
me encuentro algo atascado con ello.
Alguién podria ayudarme sobre como puedo centrar tanto horizontalmente como
verticalmente en la pantalla, un div que contiene todo el contenido de dicha
pagina: tablas, etc... sea cual sea la resolución del monitor.
BODY
DIV id=Content
TABLE--
todo el contenido de la página
/TABLE
/DIV
BODY
tengo este codigo pero no consigo que me lo centre verticalmente:
#Content {
position:absolute;
left:50%;
width:746px;
margin-top:55px;
margin-left:-371px;
text-align:left;
}
Muchisimas gracias por la ayuda
Juanjo
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
---
Este correo electrónico y, en su caso, cualquier fichero anexo al mismo,
contiene información de carácter confidencial exclusivamente dirigida a su
destinatario o destinatarios. Queda prohibida su divulgación, copia o
distribución a terceros sin la previa autorización escrita de Indra. En el caso
de haber recibido este correo electrónico por error, se ruega notificar
inmediatamente esta circunstancia mediante reenvío a la dirección electrónica
del remitente. POR FAVOR, ANTES DE IMPRIMIR ESTE CORREO ELECTRÓNICO CONSIDERE
SU APORTACIÓN A LA CONSERVACIÓN DEL MEDIO AMBIENTE POR LA REDUCCIÓN DE CONSUMO
DE PAPEL.
The information in this e-mail and in any attachments is confidential and
solely for the attention and use of the named addressee(s). You are hereby
notified that any dissemination, distribution or copy of this communication is
prohibited without the prior written consent of Indra. If you have received
this communication in error, please, notify the sender by reply e-mail. PLEASE
CONSIDER YOUR ENVIRONMENTAL RESPONSIBILITY BEFORE PRINTING THIS E-MAIL.
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] duda con centrados en CSS
Buenas.
De momento te recomendaría que usaras minúsculas siempre, y que no
maquetaras el contenido en una tabla, sino que usaras CSS para ello, es
fácil, te lo aseguro.
Siguiento tu petición (supongo que declaras el tipo de documento, y que
incluyes cabecera y tal...):
body
div id=content
table--
todo el contenido de la página
/table
/div
/body
CSS:
body {
text-align: center; /* para centrar en IE, ya que se salta el
estandar CSS */
}
#content {
width: 760px; /* el ancho que quieras */
margin: 0 auto; /* es esto lo que hace el centrado */
text-align: left; /* restaurando la alineación */
}
Espero que te sirva ;-)
studio creativo bynet escribió:
Buenos dias, imagino que mi pregunta tendra facil solución pero reconozco que
me encuentro algo atascado con ello.
Alguién podria ayudarme sobre como puedo centrar tanto horizontalmente como
verticalmente en la pantalla, un div que contiene todo el contenido de dicha
pagina: tablas, etc... sea cual sea la resolución del monitor.
BODY
DIV id=Content
TABLE--
todo el contenido de la página
/TABLE
/DIV
BODY
tengo este codigo pero no consigo que me lo centre verticalmente:
#Content {
position:absolute;
left:50%;
width:746px;
margin-top:55px;
margin-left:-371px;
text-align:left;
}
Muchisimas gracias por la ayuda
Juanjo
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.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@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] duda con centrados en CSS
David Castelló [EMAIL PROTECTED] escribió: Si lo que se quiere es centrar una caja (div), ¿quien dice que el I.E. no soporata el margin auto?, o ¿porque hacer text-align: center en el body? Explorer 5 y 5.5, ni más ni menos. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
