Re: [Ovillo] Centrar un div
Gracias a todos por vuestras respuestas.
El día 31/01/06, carlos campderrós [EMAIL PROTECTED]
escribió:
On 1/30/06, José Antonio [EMAIL PROTECTED] wrote:
Hola a [EMAIL PROTECTED], tengo un div que actúa de contenedor en mi página
web pero
me
gustaría que saliese centrado ya que es de 760px.
Lo he conseguido utilizando center ... /center pero he leido en la
norma
AENOR (UNE 139803 [vamos, la que trata la accesibilidad para contenidos
en
la web]) 4.1.3 que esta etiqueta se considera desaconsejada en HTML 4.01
.
Una duda que tengo es que si mi documento es XHTML 1.0 puedo usar la
etiqueta center?
en general se considera desaconsejada, ya q centrar un div es cosa de
presentación, no de contenido. la presentación debe controlarse
mediante css y el contenido (marcado) mediante (x)html. a pesar de
eso, no estoy seguro si en html 4.01 transitional i/o xhtml 1.0
transitional está permitido
Fuera parte de eso, me gustaría saber como centrar un div, sin utilizar
dicha etiqueta (otro mecanismo).
en el html:
body
div id=contenedor
blabla
/div
/body
en el css:
#contenedor {
margin: 0 auto; /* navegadores respectuosos con los estándares */
text-align: left; /* para solucionar la torpeza de internet
explorer (sigue leyendo) */
}
el metodo de asignar un margen latereal automático (manera de la que
se debe hacer el centrar un elemento de bloque) no funciona en IE, por
lo que al elemento padre de este div (body para mi ejemplo) le has de
aplicar otra regla:
body {
text-align: center;
}
saludos
--
Si no puedes deslumbrar con tu inteligencia,
desconcierta con tus gilipolleces
___
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
--
José Antonio
___
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] Centrar un div
según su posicionamiento...:
*capas líquidas*
.capa{position:absolute;
width:80%;
left:10%;} /*(100-width)/2 */
*capas fijas*
.capa {
position: absolute;
width: 760px;
heigth: 420px;
top: 50%;
left: 50%;
margin-top: -210px; /*la mitad de alto del contenedor*/
margin-left: -380px;/*la mitad de ancho del contenedor*/
}
*POSICIONAMIENTO RELATIVO*
*capas líquidas*
.capa{position:relative;
width:80%;
margin:0 auto;}
*capas fijas*
.capa{position:relative;
width:760px;
margin:0 auto;}
Ernesto Graf
Osiris Producciones - Desarrollo web según estándares
http://www.osiris-producciones.com
___
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] Centrar un div
On 1/30/06, José Antonio [EMAIL PROTECTED] wrote:
Hola a [EMAIL PROTECTED], tengo un div que actúa de contenedor en mi página
web pero me
gustaría que saliese centrado ya que es de 760px.
Lo he conseguido utilizando center ... /center pero he leido en la norma
AENOR (UNE 139803 [vamos, la que trata la accesibilidad para contenidos en
la web]) 4.1.3 que esta etiqueta se considera desaconsejada en HTML 4.01.
Una duda que tengo es que si mi documento es XHTML 1.0 puedo usar la
etiqueta center?
en general se considera desaconsejada, ya q centrar un div es cosa de
presentación, no de contenido. la presentación debe controlarse
mediante css y el contenido (marcado) mediante (x)html. a pesar de
eso, no estoy seguro si en html 4.01 transitional i/o xhtml 1.0
transitional está permitido
Fuera parte de eso, me gustaría saber como centrar un div, sin utilizar
dicha etiqueta (otro mecanismo).
en el html:
body
div id=contenedor
blabla
/div
/body
en el css:
#contenedor {
margin: 0 auto; /* navegadores respectuosos con los estándares */
text-align: left; /* para solucionar la torpeza de internet
explorer (sigue leyendo) */
}
el metodo de asignar un margen latereal automático (manera de la que
se debe hacer el centrar un elemento de bloque) no funciona en IE, por
lo que al elemento padre de este div (body para mi ejemplo) le has de
aplicar otra regla:
body {
text-align: center;
}
saludos
--
Si no puedes deslumbrar con tu inteligencia,
desconcierta con tus gilipolleces
___
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] centrar un div
Hola Manuel,
Para centrar un div es muy sencillo: 1º creas un div que ocupe el 100% y le
pones tex-align:center;, luego dentro de este metes uno de la medida que sea
y le pones margin-left:auto; margin-right:auto;.
Con esto el div debería centrárse, y no te preocupes, en esto de las css hay
pa´todos.
Saludos y espero que te funcione..
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
En nombre de Manuel González Noriega
Enviado el: lunes, 06 de junio de 2005 20:45
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] centrar un div
On 6/6/05, Igor Ormaetxebarria [EMAIL PROTECTED] wrote:
Hola lista,
tengo un problemilla, que creo que se ha tratado hace poco, pero no lo
encuentro. La cosa es que quiero centrar un div.
Es una página de layout 3 columnas con su encabezado y pie, y en la
columna
central pongo el contenido (que típico, no? es que soy un poco palurdo en
diseño...)
Bien, pues en el div de contenido, quiero meter un texto, que quiero
centrar
(no el text-align, sino la caja que contiene el texto).
Exactamente lo que quiero es que tenga un tamaño máximo, porque si las
lineas son muy largas no se leen bien; y eso ya lo he hecho, pero ahora me
queda un margen a la derecha muy largo (mayor cuanto mayor es la
resolución)
y por eso quiero centrarlo.
Vamos, que lo que quiero es centrar un div, pero no me vale poniendole
margenes, porque no se cuanto abría que poner ya que cambia con la
resolución.
[En IE vale con centrar el texto de la caja que contiene mi caja, pero en
Firefox no]
#caja {
margin: 0 auto;
text-align:left;
}
Con auto obviamente no hace falta que sepas cuanto hay que poner :)
Ah, y para IE 5.x tienes que aplicar el text-align:center al padre de la
caja, que luego restauras.
--
Manuel
a veces :) a veces :(
pero siempre trabajando duro para Simplelógica: apariencia, experiencia y
comunicación en la web.
http://simplelogica.net # (+34) 985 22 12 65
¡Ah! y escribiendo en Logicola: http://simplelogica.net/logicola/
___
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] centrar un div
Saludos. Acuerdate de volver a alinear el texto en ese div interno, porque si no heredará el alineamiento centrado de div contenedor. -- Juan G. Hurtado [ [EMAIL PROTECTED] ] [ http://armonia.spiral-static.org/ ] ___ 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] centrar un div
On 6/6/05, Igor Ormaetxebarria [EMAIL PROTECTED] wrote:
Hola lista,
tengo un problemilla, que creo que se ha tratado hace poco, pero no lo
encuentro. La cosa es que quiero centrar un div.
Es una página de layout 3 columnas con su encabezado y pie, y en la
columna
central pongo el contenido (que típico, no? es que soy un poco palurdo en
diseño...)
Bien, pues en el div de contenido, quiero meter un texto, que quiero
centrar
(no el text-align, sino la caja que contiene el texto).
Exactamente lo que quiero es que tenga un tamaño máximo, porque si las
lineas son muy largas no se leen bien; y eso ya lo he hecho, pero ahora me
queda un margen a la derecha muy largo (mayor cuanto mayor es la
resolución)
y por eso quiero centrarlo.
Vamos, que lo que quiero es centrar un div, pero no me vale poniendole
margenes, porque no se cuanto abría que poner ya que cambia con la
resolución.
[En IE vale con centrar el texto de la caja que contiene mi caja, pero en
Firefox no]
#caja {
margin: 0 auto;
text-align:left;
}
Con auto obviamente no hace falta que sepas cuanto hay que poner :)
Ah, y para IE 5.x tienes que aplicar el text-align:center al padre de la
caja, que luego restauras.
--
Manuel
a veces :) a veces :(
pero siempre trabajando duro para Simplelógica: apariencia, experiencia y
comunicación en la web.
http://simplelogica.net # (+34) 985 22 12 65
¡Ah! y escribiendo en Logicola: http://simplelogica.net/logicola/
___
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] centrar un div
Ya lo he conseguiido, pero todavía no se xq funciona. He hecho 2 ejemplos,
uno valido y otro no, a ver quien me explica la diferencia...
Este no funciona:
.licencia
{
margin: 0, auto;
text-align: center;
border: 1px dotted #66;
background-color: #68A3B9;
width: 200px;
padding: 0;
}
Y este si funciona:
.licencia
{
margin: 0.3em auto;
text-align: center;
width: 200px;
border: 1px dotted #66;
background-color: #68A3B9;
}
- Original Message -
From: Manuel González Noriega [EMAIL PROTECTED]
To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
Sent: Monday, June 06, 2005 8:44 PM
Subject: Re: [Ovillo] centrar un div
On 6/6/05, Igor Ormaetxebarria [EMAIL PROTECTED] wrote:
Hola lista,
tengo un problemilla, que creo que se ha tratado hace poco, pero no lo
encuentro. La cosa es que quiero centrar un div.
Es una página de layout 3 columnas con su encabezado y pie, y en la
columna
central pongo el contenido (que típico, no? es que soy un poco palurdo en
diseño...)
Bien, pues en el div de contenido, quiero meter un texto, que quiero
centrar
(no el text-align, sino la caja que contiene el texto).
Exactamente lo que quiero es que tenga un tamaño máximo, porque si las
lineas son muy largas no se leen bien; y eso ya lo he hecho, pero ahora me
queda un margen a la derecha muy largo (mayor cuanto mayor es la
resolución)
y por eso quiero centrarlo.
Vamos, que lo que quiero es centrar un div, pero no me vale poniendole
margenes, porque no se cuanto abría que poner ya que cambia con la
resolución.
[En IE vale con centrar el texto de la caja que contiene mi caja, pero en
Firefox no]
#caja {
margin: 0 auto;
text-align:left;
}
Con auto obviamente no hace falta que sepas cuanto hay que poner :)
Ah, y para IE 5.x tienes que aplicar el text-align:center al padre de la
caja, que luego restauras.
--
Manuel
a veces :) a veces :(
pero siempre trabajando duro para Simplelógica: apariencia, experiencia y
comunicación en la web.
http://simplelogica.net # (+34) 985 22 12 65
¡Ah! y escribiendo en Logicola: http://simplelogica.net/logicola/
___
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
