07/12/2006, 22:27
| ||||
| ||||
| 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 |
|
08/12/2006, 02:01
| ||||
| ||||
| 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. |
|
08/12/2006, 03:34
| ||||
| ||||
| 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  |
|
08/12/2006, 08:13
| ||||
| ||||
| Re: Text-Align: center funciona en IE pero no en firefox Cita: Gracias Mikel, Probe tu codigo, pero me llamo mas la atencion el de Tunait, Muchisimas Gracias de todas formas
Iniciado por Mikmoro  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.  Cita: Gracias Tunait, una vez mas, diste en el clavo con el codigo perfecto en el momento perfecto. Gracias
Iniciado por tunait 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
__________________ Ya viene llegando, el comunismo en Cuba, ya se esta acabando. www.fearlex.com | www.fearlexworld.com |
|
08/12/2006, 11:15
| ||||
| ||||
| 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. |
|
08/12/2006, 11:18
| ||||
| ||||
| Re: Text-Align: center funciona en IE pero no en firefox Cita: 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,
Iniciado por Mikmoro 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. Gracias Amigos
__________________ Ya viene llegando, el comunismo en Cuba, ya se esta acabando. www.fearlex.com | www.fearlexworld.com |
