Diferencias entre Explorer y Firefox

[ciberpata]

Saludos:
A ver si ustedes saben como arreglar esto, yo he probado algunas cosas pero el explorer ..... ya saben.

Tengo una maquetacion hecha en CSS 2 y se ve perfecta en Firefox pero no en Explorer 6.

En principio no le hace caso a las propiedades marcadas en rojo en la hoja de estilos
padding-right: 5px
empty-cells: hide
vertical-align: middle. En este caso de dos columnas la primera tiene una imagen y la segunda un texto.

La hojade estilo que utilizo es:

Código:

body {
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
 text-align: justify;
 background: #FFFACD;
 margin-left: 0px;
 margin-top: 1px;
 margin-right: 0px;
 margin-bottom: 10px;
}
table.cabecera {
 width: 768px;
 border-bottom: #000000 1px;
   border-left: #000000 1px solid;
   border-right: #000000 1px solid;
   border-top: #000000 1px solid;
 background-color: #e8eefc;
}
table.cuerpo {
 width: 768px;
   border-bottom: #000000 0px;
   border-left: #000000 1px solid;
   border-right: #000000 1px solid;
   border-top: #000000 0px solid;
 background-color: #e8eefc;
 font-family: "Times New Roman", Times, serif;
 text-align: justify;
 font-size: 12px;
 padding-right: 15px;
 font-weight: bold;
}
table.pie {
 width: 768px;
   background-position: 3px;
 background-image: url(../images/pieweb.gif);
 background-repeat: no-repeat;
 height: 35px;
   border-bottom: #000000 1px solid;
   border-left: #000000 1px solid;
   border-right: #000000 1px solid;
   background-color: #e8eefc;
}

td.cabeceraarriba {
 background-position: 3px;
 background-image: url(../images/cabecera1.gif);
 background-repeat: no-repeat;
 height: 87px;
}
td.cabeceramedio {
 background-position: 3px;
 background-image: url(../images/cabecera2.gif);
 background-repeat: no-repeat;
 height: 20px;
 padding-right: 3px;
}
td.cabeceraabajo {
 background-position: 3px;
 background-image: url(../images/cabecera3.gif);
 background-repeat: no-repeat;
 height: 123px;
}
td.arranqueofertascolumnaimagen {
 padding-left: 10px;
 width: 20px;
 height: 50px;
 text-align: left;
 vertical-align: middle;
}
td.arranqueofertascolumnadestino {
 padding-left: 10px;
  padding-right: 5px;
 width: 200px;
 height: 50px;
 text-align: left;
 vertical-align: middle;
 background-color: #DCDCDC;
  empty-cells: hide;
 color: #638CEF;
}

Asi es como queda en Firefox (perfecta):


Así es como queda en Explorer 6:


Muchas gracias por todo y perdonen las molestias.

[ciberpata]

Pz ayuda......;)

[dozert]

Buenas yo tengo mas o menos el mismo problema que tu, que aplico una hoja de estilos a mi web y firefox me la reprensenta del carajo, sin embargo explorer no. haber si alguien nos puede echar un cable.

Saludos a todos


-== DoZeRT ==-

Por qué elegir un camino cuando podemos andarlos todos?

[dozert]

oye por cierto acabo de solucionarlo no se si tu lo has solucionado.
en la hoja de estilos, donde se define cada estilo, solo has de poner un punto de lante, por ejemplo

.body {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
text-align: justify;


donde pones body pues delante, en cada definicion de estilo.

Espero se te haya resuelto porque yo e tardao poco. Saludos

[JavierB]

El mensaje original es de hace más de 2 años. Por favor, no reviváis temas tan antiguos.

Saludos,