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" <[email protected]>
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" <[email protected]>
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 [email protected]
> > 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 [email protected]
> 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 [email protected]
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 [email protected]
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 [email protected]
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
