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
