Foros del Web » Creando para Internet » CSS »

Alternativa css para align="center"

Estas en el tema de Alternativa css para align="center" en el foro de CSS en Foros del Web. No consigo que IE lee la etiqueta <legend> con el atributo align="center" he probado con css pero no doy con una solución para centrar logrando ...
  #1 (permalink)  
Antiguo 05/01/2011, 20:00
Avatar de Gambinoh  
Fecha de Ingreso: diciembre-2010
Mensajes: 348
Antigüedad: 13 años, 4 meses
Puntos: 11
Alternativa css para align="center"

No consigo que IE lee la etiqueta <legend> con el atributo align="center" he probado con css pero no doy con una solución para centrar logrando ese mismo efecto.
  #2 (permalink)  
Antiguo 06/01/2011, 00:05
Avatar de Null_  
Fecha de Ingreso: octubre-2008
Ubicación: Santiago
Mensajes: 530
Antigüedad: 15 años, 6 meses
Puntos: 30
Respuesta: Alternativa css para align="center"

"text-align:center" no funciona en IE para <legend>.
Tienes que transformar a legend en elemento en bloque con anchura definida y luego aplicar un margen automático a los lados para lograr el efecto.
Ejemplo:

Cita:
legend {
display: block;
width: 200px;
margin: 0 auto;
text-align: center;
}
(lo acabo de probar :P)
Un saludo.
__________________
Diego Escares
• Twitter: @diegoescares
• Web: diegoescares.com
  #3 (permalink)  
Antiguo 06/01/2011, 18:01
Avatar de Gambinoh  
Fecha de Ingreso: diciembre-2010
Mensajes: 348
Antigüedad: 13 años, 4 meses
Puntos: 11
Respuesta: Alternativa css para align="center"

Vaya pues algo así me esperaba, muchas gracias, eres un crack. Se nota que sabes, en su momento lo arreglé con una id para cada legend, aunque esto sería más económico.

La cuestión de la id sin embargo podría ahorrarme dolores de cabeza con la familia IE, de todas formas ya te lo confirmaré cuando adapte esa página del formulario a IE6 y compruebe que en IE7 también se visualiza bién.
  #4 (permalink)  
Antiguo 07/01/2011, 18:59
Avatar de Gambinoh  
Fecha de Ingreso: diciembre-2010
Mensajes: 348
Antigüedad: 13 años, 4 meses
Puntos: 11
Respuesta: Alternativa css para align="center"

Cita:
Iniciado por Null_ Ver Mensaje
"text-align:center" no funciona en IE para <legend>.
Tienes que transformar a legend en elemento en bloque con anchura definida y luego aplicar un margen automático a los lados para lograr el efecto.
Ejemplo:



(lo acabo de probar :P)
Un saludo.
Vale definitivamente he adoptado tu alternativa y sí, es la mejor.
  #5 (permalink)  
Antiguo 08/01/2011, 15:14
Avatar de Null_  
Fecha de Ingreso: octubre-2008
Ubicación: Santiago
Mensajes: 530
Antigüedad: 15 años, 6 meses
Puntos: 30
Respuesta: Alternativa css para align="center"

Genial que te haya servido!
saludos :)
__________________
Diego Escares
• Twitter: @diegoescares
• Web: diegoescares.com

Etiquetas: Ninguno
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 04:50.