Retroceder   Foros del Web > Diseño de Sitios web > CSS

Respuesta
 
Herramientas Desplegado
Antiguo 07-dic-2006, 21:27   #1 (permalink)
fearlex tiene algunos puntos positivos de karma
 
Avatar de fearlex
 
Fecha de Ingreso: septiembre-2003
Ubicación: Exiliado de mi patria
Mensajes: 1.048
Enviar un mensaje por AIM a fearlex Enviar un mensaje por MSN a fearlex Enviar un mensaje por Yahoo  a fearlex Enviar un mensaje por Skype™ a fearlex
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
fearlex está desconectado   Responder Citando
Antiguo 08-dic-2006, 01:01   #2 (permalink)
Colaborador
Mikmoro es realmente agradableMikmoro es realmente agradableMikmoro es realmente agradableMikmoro es realmente agradableMikmoro es realmente agradableMikmoro es realmente agradable
 
Avatar de Mikmoro
 
Fecha de Ingreso: octubre-2006
Ubicación: A tu espalda
Mensajes: 3.965
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.
Mikmoro está desconectado   Responder Citando
Antiguo 08-dic-2006, 02:34   #3 (permalink)
Moderadora
tunait es realmente agradabletunait es realmente agradabletunait es realmente agradabletunait es realmente agradabletunait es realmente agradabletunait es realmente agradable
 
Avatar de tunait
 
Fecha de Ingreso: noviembre-2002
Ubicación: Terok Nor
Mensajes: 14.958
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
tunait está desconectado   Responder Citando
Antiguo 08-dic-2006, 07:13   #4 (permalink)
fearlex tiene algunos puntos positivos de karma
 
Avatar de fearlex
 
Fecha de Ingreso: septiembre-2003
Ubicación: Exiliado de mi patria
Mensajes: 1.048
Enviar un mensaje por AIM a fearlex Enviar un mensaje por MSN a fearlex Enviar un mensaje por Yahoo  a fearlex Enviar un mensaje por Skype™ a fearlex
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
fearlex está desconectado   Responder Citando
Antiguo 08-dic-2006, 10:15   #5 (permalink)
Colaborador
Mikmoro es realmente agradableMikmoro es realmente agradableMikmoro es realmente agradableMikmoro es realmente agradableMikmoro es realmente agradableMikmoro es realmente agradable
 
Avatar de Mikmoro
 
Fecha de Ingreso: octubre-2006
Ubicación: A tu espalda
Mensajes: 3.965
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.
Mikmoro está desconectado   Responder Citando
Antiguo 08-dic-2006, 10:18   #6 (permalink)
fearlex tiene algunos puntos positivos de karma
 
Avatar de fearlex
 
Fecha de Ingreso: septiembre-2003
Ubicación: Exiliado de mi patria
Mensajes: 1.048
Enviar un mensaje por AIM a fearlex Enviar un mensaje por MSN a fearlex Enviar un mensaje por Yahoo  a fearlex Enviar un mensaje por Skype™ a fearlex
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
fearlex está desconectado   Responder Citando
Respuesta

No hay votos aún.


Herramientas
Desplegado

Normas de Publicación
No puedes crear nuevos temas
No puedes responder temas
No puedes subir archivos adjuntos
No puedes editar tus mensajes

BB code is Activado
Caritas están Activado
[IMG] está Activado
Código HTML está Desactivado


La Zona horaria es GMT -6. Ahora son las 05:12.


Message Board Statistics

LinkBacks Enabled by vBSEO 3.1.0

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93