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
[Ovillo] Centrar un div
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? Fuera parte de eso, me gustaría saber como centrar un div, sin utilizar dicha etiqueta (otro mecanismo). Gracias a todos y un saludo desde la sartén de andalucía (congelada en estas fechas) :) -- José Antonio Écija - Sevilla España ___ 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
[Ovillo] centrar un div
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] Creo que se me entiendo, si no es así decidme y me esplayo más... ___ 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