Foros del Web - Ver Mensaje Individual

blakmetall · #1 (**permalink**) 31/01/2011, 18:11

Amigos necesito su ayuda con mi codigo CSS

Lo que pasa es que funciona perfectamente en Mozilla.
Pero en Explorer no funciona nada tan solo el menu y solo los links del menu.
La verdad soy relativamente nuevo al css y no se mucho aun, ando viendo documentacion de eso. pero por lo pronto alguien me podria ayudar.

este es mi codigo HTML:

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
   <title>Sistema</title>
    <link href="css/style.css" rel="stylesheet" type="text/css" />
     <script type="text/javascript" src="js/main.js"></script>
</head>
 
<body>
<table>
<tr>
    <div id="header">
 
    </div>
</tr>
<tr>
    <table class="content">
        <tr>
        <div id="subject">
            <ul class="link">
                <li><a href="index.php"> Inicio </a></li>
                <li><a href="alta.php"> Altas </a></li>
                <li><a href="baja.php"> Bajas </a></li>
                <li><a href="actualizacion.php"> Modificaciones </a></li>
                <li><a href="reportes.php"> Reportes </a></li>
                
                <div>
                    <li><a href="menu1.php" class="menuLink">Expedientes</a>
                    <ul class="menus" id="menu1">
                        <li><a href="archivosUp.php"> Subir </a></li>
                        <li><a href="archivosDown.php"> Bajar </a></li>
                    </ul>
                    </li>
                </div>
                
                <div>
                    <li><a href="menu2.php" class="menuLink">Respaldos</a>
                    <ul class="menus" id="menu2">
                        <li><a href="restaurar.php"> Restaurar </a></li>
                        <li><a target="_blank" href="guardar.php"> Guardar </a></li>
                    </ul>
                    </li>
                </div>
            </ul>
        </div>
        </tr>
        <tr>
        <div id="content">
         Contenido
        </div>
        </tr>
    </table>
</tr>
</tr>
 
</table>
 
</body>
</html>

y este es mi css:

Código CSS:

Ver originalhtml {
    height: 100&#37;; 
    width: 100%; 
}
    
body { 
    height: 100%; 
    width: 100%; 
    margin: 0; 
    padding: 0; 
    border: 0; 
    background: #FFFFFF;
   font: 13px Verdana,Arial,Helvetica,sans-serif; 
}
 
div {
    width: 180px;   
    float: left;
}
 
div#header { 
    height: 100%; 
    width: 100%; 
    height: 200px; 
    text-align: center; 
    background: #F4FA58; 
    font-size:30px;
}
 
div#subject { 
    font-weight: bold;
    line-height: 35px;
    height: 100%; 
    width: 18%; 
    text-align: left; 
    background: #084B8A; 
    font-size:15px;
}
 
div#subject a{
    text-decoration: none;
}
 
div#content { 
    height: 100%; 
    text-align: center; 
    font-size:20px;
}
 
ul{
    list-style-type: none;
}
 
#posicion {
    height: 600px;
}
 
#content {
    
}
 
ul.link li{
    color: #FFFF00;
}
 
 
ul.link a{
    color: #FFFF00;
}
 
input.invalid {
    background-color: #FF9;
    border: 2px red inset;
}
 
select.invalid{
    background-color: #FF9;
    border: 2px red inset;
}
 
ul#menu1, ul#menu2 {
    display: none;
    line-height: 25px;
    margin: 0;
    margin-left: 20px; 
    padding: 0;
    font-weight: normal;
 
}
 
a.menuLink, li a {
    text-decoration: none;
    color: #FFFF00;
 
}
 
li a:hover {
    background-color: #FF0000;
    /*color: white;*/
}
 
dl#archivosUp {
    position:absolute;
    top:250px;
    left:400px;
}
 
/* EXPEDIENTES */
 
table#tablaExpedientes {
    position:absolute;
    top:300px;
    left:500px;
}
 
table#tablaExpedientes tr th {
    background: #084B8A; 
    color:#F4FA58;
    font-size:15px;
    padding:20px;
}
 
table#tablaExpedientes tr td {
    background: #F3F781; 
    color:#F4FA58;
    font-size:12px;
    padding:5px;
}
 
table#tablaExpedientes a {
    color: blue;
    text-decoration: none;
}
 
table#tablaExpedientes tr td {
    color: blue;
    text-decoration: none;
}
 
table#reportes{
    position:absolute;
    top:220px;
    left:500px;
}
 
#reportes th{
    color:#084B8A;
    font-size:15px;
    padding:5px;
}
 
#reportes th#error{
    color:red;
    font-size:12px;
}
 
table#generador{
    border-color: blue;
    position:absolute;
    top:400px;
    left:205px;
    font-size:12px;
    background: #084B8A; 
}
 
#generador  td{
    color: #084B8A;
    text-decoration: none;
    background: #F3F781; 
    padding:2px;
}
 
#generador th{
    height: 30px;
}
 
#generador a{
    color:#F4FA58;
    font-size:14px;
    padding:2px;
}

De antemano Gracias por todas sus respuestas