Estimados Amigos del Foro:
Estoy diseñando una tabla maquetada con css, la cual se ve como quiero en IE, pero no en Firefox (vaya paradoja!).
El ancho de las celdas se ve el doble o mas de lo que debieran (heigth:23px). He probado con la propiedad min-heigt, y no hay caso.
He aqui el codigo. Si hay un alma caritativa, le estare muy agradecido:
<title>Expotablas</title>
<style>
.estadisticas_listado_titulo{ /*primer titulo totales fecha*/
height:50px;
}
.estadisticas_listado_titulo_font{
font-size:14px;
color: #83a9e6;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
text-align:left;
}
.estadisticas_listado_seleccion{ /*Titulos encabezado n / articulos / nombre */
background-color: #ACC5F2;
text-align: center;
height:25px;
border-style:solid;
border-color:#FFF;
border-width:1px;
}
.seleccion_font{
font-size:13px;
color: #000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
align:center;
text-align: center;
}
.estadisticas_registros_posicion{ /*numero del registro*/
color:#000;
font-family:Verdana, Arial, Helvetica, sans-serif;
align:center;
text-align: center;
font-weight:bold;
valign:middle;
background-color:#ACC5F2;
font-size:12px;
width:30px;
height:auto;
height:23px;
vertical-align:middle;
}
.estadisticas_registros_nombre_1{ /*nombre impar */
color:#0059B3;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:left;
padding-left:5px;
background-color:#acc5f2;
width:200px;
font-size:12px;
font-weight:bold;
}
.estadisticas_registros_nombre_2{ /*nombre par */
color:#0059B3;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:left;
padding-left:5px;
background-color:#cbdbf7;
width:200px;
font-size:12px;
font-weight:bold;
}
.estadisticas_registros_cuenta{ /*numero medios-articulos*/
align:center;
background-color:#F1F5FA;
}
.estadisticas_registros_fuenteazul{ /*fuente n medios*/
color:#457ED9;
font-family:Verdana, Arial, Helvetica, sans-serif;
align:center;
font-weight:bold;
text-align: center;
font-size:12px;
}
.estadisticas_registros_fuenteroja{ /*fuente n articulos*/
color:#FF3366;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
text-align: center;
font-size:12px;
}
.estadisticas_registros_barra{ /*Contenedor barra estadisticas*/
color:#83a9e6;
font-family:Verdana, Arial, Helvetica, sans-serif;
align:center;
text-align: center;
width:160px;
align:left;
vertical-align:middle;
background-color: #E8EFF7;
}
.barra_imagen{
width:150px;
height:17px;
}
</style>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head>
<body>
<table class="tabla_ancho">
<tr class="tabla_ancho" > <!-- BEGIN block_encabezado -->
<td class="estadisticas_listado_titulo" colspan="6"><font class="estadisticas_listado_titulo_font" > Totales Últimos 7 días</font></td>
</tr>
<tr class="estadisticas_listado_seleccion" >
<td colspan="2" ><font class="seleccion_font" ><A href=" ">Nombre</A></font></td><!--{SELECCION} en {SELECCION_MEDIOS}-->
<td colspan="2" ><font class="seleccion_font" ><a href=""> N de Medios </a></font></td><!--{SELECCION} en {SELECCION_MEDIOS}-->
<td colspan="2" ><font class="seleccion_font" ><a href=""> N de Articulos </a></font></td><!--{SELECCION} en {SELECCION_MEDIOS}-->
</tr>
<!-- END block_encabezado -->
<tr><!-- BEGIN block_listado -->
<td class="estadisticas_registros_posicion"><p><font class="estadisticas_registros_posicion">100</font></p></td>
<td class="estadisticas_registros_nombre_1"><p><font class="estadisticas_registros_nombre_1">Compacto de Noticias</font></p></td>
<td class="estadisticas_registros_cuenta"><p><font class="estadisticas_registros_fuenteazul">100</font></p></td>
<td class="estadisticas_registros_barra"><img src="imagenes/barazul1.gif" class="barra_imagen"></td>
<td class="estadisticas_registros_cuenta"><p><font class="estadisticas_registros_fuenteroja">810</font></p></td>
<td class="estadisticas_registros_barra"><img src="imagenes/barraroja.gif" class="barra_imagen"></td>
<td> </td>
</tr><!-- END block_listado -
<!-- BEGIN block_listado -->
<tr>
<td class="estadisticas_registros_posicion"><p><font class="estadisticas_registros_posicion">100</font></p></td>
<td class="estadisticas_registros_nombre_2"><p><font class="estadisticas_registros_nombre_2">Compacto de Noticias</font></p></td>
<td class="estadisticas_registros_cuenta"><p><font class="estadisticas_registros_fuenteazul">100</font></p></td>
<td class="estadisticas_registros_barra"><img src="imagenes/barazul1.gif" class="barra_imagen"></td>
<td class="estadisticas_registros_cuenta"><p><font class="estadisticas_registros_fuenteroja">810</font></p></td>
<td class="estadisticas_registros_barra"><img src="imagenes/barraroja.gif" class="barra_imagen"></td>
<td> </td>
</tr><!-- END block_listado -->
</table>
</body>
</html>
Saludos y gracias!