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 :neurotico

Desde ya gracias :arriba:

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.

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 :arriba:

Un saludo :cool:

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

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

Gracias Tunait, una vez mas, diste en el clavo con el codigo perfecto en el momento perfecto. Gracias :arriba:

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.

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

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, :-D

Gracias Amigos :arriba: