Problema con compatibilidad entre navegadores Firefox e IE 7 Estoy haciendo una pagina Web en PHP y utilizo CSS para los estilos
El problema consiste q todo lo q estoy haciendo es perfectamente visible en Firefox pero en Internet Explorer 7 no se ve nada de nada
al principio note q colocandole estas dos lineas funcionaba pero cuando keria ver las graficas q salen en una pagina secundaria no salian nada y cuando le quito estas dos lineas funciona perfectamente pero IE 7 vuelve a quedar igual
Código:
@charser "utf-8"; /* CSS Document */
ahora he leido q colocando esta linea y mo dificando mi httpd funcionaria pero no logro hacer q funcione, ya q cuando presiono F5 para actualizar el cambio ahora no me deja ni ver la pagina normal sino q abre una ventanita preguntandome si quiero abrir o guardar la pagina
Linea para el httpd
Código:
liena para el php (q se supone q tengo q poner en todos mis archivos PHP)AddType application/x-httpd-php .php .CSS
Código:
header('Content-Type: text/css');
este es mi codigo CSS
Código:
a.tableDetalle{
color: #c75f3e;
}
#mytable.tableDetalle {
width: 50%;
padding: 0;
margin: 0;
}
caption.tableDetalle {
padding: 0 0 5px 0;
width: 50%;
font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
color:#545454;
text-align: right;
}
/*OPCION de lista --> VALORES DE REFERENCIA <-- Datos de primer columna, Color de texto, Color de Fondo*/
th.tableDetalle {
font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
color: #545454;
border-right: 3px solid #FFFFFF;
border-bottom: none;
border-top: none;
letter-spacing: 2px;
text-transform: uppercase;
text-align: left;
padding: 6px 6px 6px 6px;
background:url("../images/Box_Titulo.jpg") repeat-x;
background: #9daab6;
}
/*Datos de la segunda columna, color de texto, color de fondo*/
td.tableDetalle {
border-right: 3px solid #FFFFFF;
border-bottom: none;
background: #d7e0e8;
padding: 6px 36px 6px 26px;
font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
color: #545454;
text-align: center;
}
th.nobg {
border-top: none;
border-left: none;
border-right: 3px solid #FFFFFF;
background:url("../images/Box_Titulo.jpg") repeat-x;
text-align: left;
font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
color: #545454;
}
td.alt {
background: #F5FAFA;
color: #797268;
}
th.tab {
border-left: 1px solid #C1DAD7;
border-top: 0;
background: #fff url(../aplicacion/Smarty/images/bullet1.gif) no-repeat;
font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}
th.specalt {
border-left: 1px solid #C1DAD7;
border-top: 0;
background: #f5fafa url(../aplicacion/Smarty/images/bullet2.gif) no-repeat;
font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
color: #797268;
}
este solo es un pequeño pfragmento de mi codigo PHP ya q son 1500 lineas
Código:
case 2://tipo tabla:Fecha,Hoy,Semanal,Mensual YA STA
$resultado=array();
$this->stringquery=sprintf($this->query->select("select_tipo_tabla_2_estdo_general"),$tabla_estado[$i]['tabla'],$id);
$sth=$this->conexion->prepare( $this->stringquery);
$sth->execute();
$resultado=$sth->fetchAll(PDO::FETCH_ASSOC);
$table[]=<<<table
<table id="mytable" cellspacing="0" width="100%" height="170px" >
<tr class="tableDetalle">
<th scope="col" class="nobg" align="center" colspan="2" onclick="javascript:window.open('administracion_estado_ser_grafica_titulo_ser.php?id={$tabla_estado[$i]['id_secciondetalle']}&r=1', 'Titulo{$tabla_estado[$i]['id_secciondetalle']}','width=900,height=600,scrollbars=yes,resizable=yes');"><a href='#'>{$tabla_estado[$i]['secciondetalle']}</a></th>
</tr>
<tr class="tableDetalle">
<th scope="col" abbr="Fecha" class="tableDetalle" >Fecha</th>
<td class="tableDetalle" >{$resultado[0]['fecha_up']}</td>
</tr>
<tr class="tableDetalle">
<th scope="col" abbr="Hoy" class="tableDetalle" onclick="javascript:window.open('administracion_estado_ser_grafica_hoy_ser.php?tipo=1&id={$tabla_estado[$i]['id_secciondetalle']}', 'Grafica{$tabla_estado[$i]['id_secciondetalle']}', 'width=950,height=400,scrollbars=yes,resizable=yes');"><a href='#'>Hoy</a></th>
<td class="tableDetalle" onclick="javascript:window.open('administracion_estado_ser_grafica_hoy_ser.php?tipo=1&id={$tabla_estado[$i]['id_secciondetalle']}', 'Grafica{$tabla_estado[$i]['id_secciondetalle']}', 'width=950,height=400,scrollbars=yes,resizable=yes');"><a href='#'>{$resultado[0]['dia']}</a></td>
</tr>
<tr class="tableDetalle">
<th scope="col" abbr="Semanal" class="tableDetalle" onclick="javascript:window.open('administracion_estado_ser_grafica_hoy_ser.php?tipo=2&id={$tabla_estado[$i]['id_secciondetalle']}', 'Grafica{$tabla_estado[$i]['id_secciondetalle']}', 'width=950,height=400,scrollbars=yes,resizable=yes');"><a href='#'>Semanal</a></th>
<td class="tableDetalle" onclick="javascript:window.open('administracion_estado_ser_grafica_hoy_ser.php?tipo=2&id={$tabla_estado[$i]['id_secciondetalle']}', 'Grafica{$tabla_estado[$i]['id_secciondetalle']}', 'width=950,height=400,scrollbars=yes,resizable=yes');"><a href='#'>{$resultado[0]['semanal']}</a></td>
</tr>
<tr class="tableDetalle">
<th scope="col" abbr="Mensual" class="tableDetalle" onclick="javascript:window.open('administracion_estado_ser_grafica_hoy_ser.php?tipo=3&id={$tabla_estado[$i]['id_secciondetalle']}', 'Grafica{$tabla_estado[$i]['id_secciondetalle']}', 'width=950,height=400,scrollbars=yes,resizable=yes');"><a href='#'>Mensual</a></th>
<td class="tableDetalle" onclick="javascript:window.open('administracion_estado_ser_grafica_hoy_ser.php?tipo=3&id={$tabla_estado[$i]['id_secciondetalle']}', 'Grafica{$tabla_estado[$i]['id_secciondetalle']}', 'width=950,height=400,scrollbars=yes,resizable=yes');"><a href='#'>{$resultado[0]['mensual']}</a></td>
</tr>
</TABLE>
Alguien me podria ayudar a solucionar este problema q tengo ??
Gracias
