SoloCodigo

Programación Web y Scripting => HTML => CSS / SASS / LESS => Mensaje iniciado por: robertogt en Martes 16 de Enero de 2007, 04:46

Título: Tablas En Ie Y Firefox Diferentes
Publicado por: robertogt en Martes 16 de Enero de 2007, 04:46
Saludos compañeros de SOLOCODIGO.

Tengo un problema de principiante, a penas estoy empezando a hacer paginas y tengo un problema (obvio) con la forma en que se mira una pagina en IE y en Firefox.
La pagina es sencillisima, solo tiene una tabla, de 6 filas por dos columnas,  y en su interior solo hay texto.

La cuestión es que cuando lo miro en FireFox, se ve bien, pero en IE se mira todo como más pequeño.  

en CSS lo que tengo para darle apariencia a las letras es el siguiente:

Código: Text
  1. .subtitulo{
  2.   font-family: Georgia, "Times New Roman", Times, serif;
  3.   font-size: 24px;
  4.   font-weight: lighter;
  5.   color: #FFFFFF;
  6.   padding-top:10px;
  7.   padding-bottom:10px;
  8. }
  9.  
  10. .datos{
  11.   font-family: Verdana, Arial, Helvetica, sans-serif;
  12.   font-size: 24px;
  13.   color: #993300;
  14. }
  15. .regreso{
  16.   font-family: Verdana, Arial, Helvetica, sans-serif;
  17.   font-size: 24px;
  18.   font-weight: normal;
  19.   color: #000000;
  20.   text-decoration:none;
  21. }
  22. .regreso:hover{
  23.   font-family: Verdana, Arial, Helvetica, sans-serif;
  24.   font-size: 24px;
  25.   font-weight: normal;
  26.   color: #FFFFFF;
  27.   text-decoration:none;
  28.   width:200px;
  29.   display:block;
  30.   background-color:#996666;
  31. }
  32. .subtitulo2{
  33.   font-family: Arial, Helvetica, sans-serif;
  34.   font-size: 18px;
  35.   font-weight: lighter;
  36.   color:#FFFFFF;
  37. }
  38.  
  39.  
y solamente eso. como puedo hacer para que se mire igual en IE como en FireFox. gracias de antemano.
Título: Re: Tablas En Ie Y Firefox Diferentes
Publicado por: Mollense en Martes 16 de Enero de 2007, 05:21
Lamentablemente se soluciona con un hacks horribles.-

Este (http://www.cristalab.com/tutoriales/191/problema-y-hack-del-modelo-de-caja-css-en-internet-explorer-5) uso yo.

Había una página que lo explicaba mejor. Haciendo analogía entre una página web y un cuadro colgado a una pared...
En este momento no me la acuerdo  :huh:
Título: Re: Tablas En Ie Y Firefox Diferentes
Publicado por: robertogt en Martes 16 de Enero de 2007, 05:33
muchas gracias Angel_K_ido, entonces por lo que entiendo ahi, si yo quisiera usar tablas, tendría que usar cajas adentro de cada celda, o no?
Título: Re: Tablas En Ie Y Firefox Diferentes
Publicado por: Mollense en Martes 16 de Enero de 2007, 14:01
No, ¿Por que?.-

El problema viene de la mano de la forma en que interpretan los distintos exploradores a las propiedades CSS: whidth, border, padding y margin. Si usas tablas generalmente usarás el width pero de la tabla por ej: whidth=100% y esto se ve igual en todos lados.
Por otro lado si utilizas tablas junto con propiedades CSS vas a tener el mismo problema que con los div pero se soluciona de la misma manera.

De todas formas no te recomiendo que hagas la maquetación con tablas, utiliza div's.-
Título: Re: Tablas En Ie Y Firefox Diferentes
Publicado por: Mollense en Martes 16 de Enero de 2007, 14:10
Cita de: "Angel_K_ido"
Había una página que lo explicaba mejor. Haciendo analogía entre una página web y un cuadro colgado a una pared...
En este momento no me la acuerdo
Me acordé:

Diseñorama (http://www.disenorama.com/articulos/el-modelo-de-cajas-en-CSS)
Título: Re: Tablas En Ie Y Firefox Diferentes
Publicado por: robertogt en Miércoles 17 de Enero de 2007, 00:13
Citar
De todas formas no te recomiendo que hagas la maquetación con tablas, utiliza div's.-
:good:
Ok, gracias de nuevo, con eso se aclaran muchas cosas para mi  :P

gracias por los links, fueron de muchisima ayuda.
Título: Re: Tablas En Ie Y Firefox Diferentes
Publicado por: Mollense en Viernes 19 de Enero de 2007, 16:26
Un placer :beer: