Foros del Web » Creando para Internet » CSS »

Text-Align: center funciona en IE pero no en firefox

Estas en el tema de Text-Align: center funciona en IE pero no en firefox en el foro de CSS en Foros del Web. Tengo el siguiente problema, no estoy seguro si es un bug del internet explorer que lo interpreta exactamente como yo quiero o un bug del ...
  #1 (permalink)  
Antiguo 07/12/2006, 22:27
Avatar de fearlex  
Fecha de Ingreso: septiembre-2003
Ubicación: Exiliado de mi patria
Mensajes: 1.047
Antigüedad: 14 años, 2 meses
Puntos: 5
Text-Align: center funciona en IE pero no en firefox

Tengo el siguiente problema, no estoy seguro si es un bug del internet explorer que lo interpreta exactamente como yo quiero o un bug del firefox cosa que dudo mucho, o quizas es algo que no estoy viendo, pero tengo mi pagina y no consigo alienar el contenido de un div al centro en firefox incluso cuando todo esta en teext-align: center y tanto en IE6 como IE7 salen bien, ya he validado la pagina tanto en XHTML como en CSS, estoy loco por que no se acaba de centrar el contenido en firefox,

Les dejo el enlace y advierto, no es advertising, es una trabajo que me dieron en mi empresa y me lo traje a la casa, lo puse en mi hosting para poder hacer esta pregunta.

El enlace es http://www.fearlex.com/ppc

Estoy como loco con esto

Desde ya gracias
__________________
Ya viene llegando, el comunismo en Cuba, ya se esta acabando.
www.fearlex.com | www.fearlexworld.com
  #2 (permalink)  
Antiguo 08/12/2006, 02:01
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Re: Text-Align: center funciona en IE pero no en firefox

Yo juraría que text-align:center no te sirve para centrar un div dentro de otro div. Prueba añadiendo esto a tus clases #contenttop, #contentcenter y #contentbottom:

marrgin: 0 auto 5px;

En firefox con esto se centran tus divs correctamente.

Mikel.
  #3 (permalink)  
Antiguo 08/12/2006, 03:34
Avatar de tunait
Moderadora
 
Fecha de Ingreso: agosto-2001
Ubicación: Terok Nor
Mensajes: 16.805
Antigüedad: 16 años, 3 meses
Puntos: 380
Re: Text-Align: center funciona en IE pero no en firefox

Claro, text-align tiene influéncia sobre los elementos inline dentro de un contenedor de bloque, pero no sobre otros contenedores de bloque. Los contenedores de bloque se centran a sí mismos con margin-left: auto y margin-right: auto

Un saludo
  #4 (permalink)  
Antiguo 08/12/2006, 08:13
Avatar de fearlex  
Fecha de Ingreso: septiembre-2003
Ubicación: Exiliado de mi patria
Mensajes: 1.047
Antigüedad: 14 años, 2 meses
Puntos: 5
Re: Text-Align: center funciona en IE pero no en firefox

Cita:
Iniciado por Mikmoro Ver Mensaje
Yo juraría que text-align:center no te sirve para centrar un div dentro de otro div. Prueba añadiendo esto a tus clases #contenttop, #contentcenter y #contentbottom:

marrgin: 0 auto 5px;

En firefox con esto se centran tus divs correctamente.

Mikel.
Gracias Mikel, Probe tu codigo, pero me llamo mas la atencion el de Tunait, Muchisimas Gracias de todas formas

Cita:
Iniciado por tunait Ver Mensaje
Claro, text-align tiene influéncia sobre los elementos inline dentro de un contenedor de bloque, pero no sobre otros contenedores de bloque. Los contenedores de bloque se centran a sí mismos con margin-left: auto y margin-right: auto

Un saludo
Gracias Tunait, una vez mas, diste en el clavo con el codigo perfecto en el momento perfecto. Gracias
__________________
Ya viene llegando, el comunismo en Cuba, ya se esta acabando.
www.fearlex.com | www.fearlexworld.com
  #5 (permalink)  
Antiguo 08/12/2006, 11:15
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Re: Text-Align: center funciona en IE pero no en firefox

Es que es el mismo, pero abreviado, y manteniendo el margen inferior de 5 px que ya tenías. Si quieres poner margen derecho e izquierdo no necesitas dos entradas.
Ya sabes que una etiqueta como margin (y muchas otras) puede englobar varios parámetros en este orden: 0 0 0 0, que son: top, right, bottom, left, respectivamente.
Pues bien, si pones sólo uno (margin: 0pt;), se refiere y engloba a los cuatro. Si pones dos, se engloban por parejas (arriba-abajo), (dcha.-izda.).
Al poner 3, como yo he puesto, estás diciendo:

margin: 0 auto 5px; (0 arriba, auto para izquierda y derecha, y 5px para abajo). Si no hubieras tenido un margen inferior de 5px, con:

margin: 0 auto;

sería suficiente, porque dices: 0 arriba y abajo, auto izda. y dcha.
Es sólo una manera más económica de ponerlo. Pero en realidad si uno lo ve más claro de la otra forma, está mejor para él. Sobre todo que sea claro para quien lo escribe.
Mikel.
  #6 (permalink)  
Antiguo 08/12/2006, 11:18
Avatar de fearlex  
Fecha de Ingreso: septiembre-2003
Ubicación: Exiliado de mi patria
Mensajes: 1.047
Antigüedad: 14 años, 2 meses
Puntos: 5
Re: Text-Align: center funciona en IE pero no en firefox

Cita:
Iniciado por Mikmoro Ver Mensaje
Es que es el mismo, pero abreviado, y manteniendo el margen inferior de 5 px que ya tenías. Si quieres poner margen derecho e izquierdo no necesitas dos entradas.
Ya sabes que una etiqueta como margin (y muchas otras) puede englobar varios parámetros en este orden: 0 0 0 0, que son: top, right, bottom, left, respectivamente.
Pues bien, si pones sólo uno (margin: 0pt;), se refiere y engloba a los cuatro. Si pones dos, se engloban por parejas (arriba-abajo), (dcha.-izda.).
Al poner 3, como yo he puesto, estás diciendo:

margin: 0 auto 5px; (0 arriba, auto para izquierda y derecha, y 5px para abajo). Si no hubieras tenido un margen inferior de 5px, con:

margin: 0 auto;

sería suficiente, porque dices: 0 arriba y abajo, auto izda. y dcha.
Es sólo una manera más económica de ponerlo. Pero en realidad si uno lo ve más claro de la otra forma, está mejor para él. Sobre todo que sea claro para quien lo escribe.
Mikel.
Tienes toda la razon y te doy gracias por la explicacion, voy a optimizar con tu codigo, asi que voy poner manos a la obra y luego les platico,

Gracias Amigos
__________________
Ya viene llegando, el comunismo en Cuba, ya se esta acabando.
www.fearlex.com | www.fearlexworld.com
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 00:09.