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.