Diferencia (errores) entre IE8, safari y firefox

AJDC · #1 (**permalink**) 21/02/2011, 09:12

Saludos.
Sigo con un problema en el desarrollo de una web, concretamente con los menus en listas y css.
De todo lo que he mirado y buscado, deduzco que es un problema del navegador, ya que en Firefox y Safari, se ve bien, mientras que en IE (8) no.
Concretamente.. muestra el primer nivel de opciones del menu, realizado con listas y css, pero el segundo, en IE, no lo despliega.

Además.. una imagen que pongo de cabecera, que tiene estilo.. padding .. en IE tampoco le hace caso.
Os pongo los códigos fuentes, ya que por ahora es un desarrollo en intranet, y no lo puedo poner público.

El html....

Código HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1">         
 
<LINK REL="stylesheet" href="cssmenu.css" TYPE="text/css">
<LINK REL="stylesheet" href="cssgeneral.css" TYPE="text/css">

 
<script language="JavaScript" type="text/javascript"> 
<!-- 
document._domino_target = "_self";
function _doClick(v, o, t, h) {
  var form = document._DominoForm;
  if (form.onsubmit) {
     var retVal = form.onsubmit();
     if (typeof retVal == "boolean" && retVal == false)
       return false;
  }
  var target = document._domino_target;
  if (o.href != null) {
    if (o.target != null)
       target = o.target;
  } else {
    if (t != null)
      target = t;
  }
  form.target = target;
  form.__Click.value = v;
  if (h != null)
    form.action += h;
  form.submit();
  return false;
}
// -->
</script>
</head>
<body text="#000000" bgcolor="#FFFFFF" topmargin=0 marginheight=0 leftmargin=0 marginwidth=0>
 
<form method="post" action="/Numenti/Web/PtNumenWeb.nsf/Copia%20de%20$$ViewTemplate%20for%20wvNoticiasWeb?OpenForm&amp;Seq=1" name="_DominoForm">
<input type="hidden" name="__Click" value="0">
<table class="Contenedor" width="100%" border="0" cellspacing="0" cellpadding="0">
<tr valign="top"><td class="ContenedorLados" style="background-image:url(/Numenti/Web/PtNumenWeb.nsf/imgLateral.gif?OpenImageResource); background-repeat: repeat; " width="2%"><img width="1" height="1" src="/icons/ecblank.gif" border="0" alt=""></td><td class="ContenedorCentro" width="96%"><a name="superior"> </a> <br>
<table class="Contenedor2" width="100%" border="0" cellspacing="0" cellpadding="0">
<tr valign="top"><td width="100%">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr valign="top"><td width="50%" rowspan="3"><img src="/Numenti/Web/PtNumenWeb.nsf/logoNumenti.gif?OpenImageResource" width="277" height="70" class="LogoCabecera"></td><td width="50%"><div align="right">
<table class="MenuSuperior" width="100%" border="0" cellspacing="0" cellpadding="0">
<tr valign="top"><td class="OpcionMenuSuperior0" width="33%"><A CLASS="EnlaceSuperior" HREF="/Numenti/Web/PtNumenWeb.nsf" TARGET="_self" TITLE="Inicio">Inicio<A></td><td class="OpcionMenuSuperior1" width="33%"><A CLASS="EnlaceSuperior" HREF="javascript:bAbrirVentana( 'Numenti\Web\PtNumenWeb.nsfvoAvisoLegal/AVISOLEGAL?Open', 150, 150, 500, 350, 'scrollbars' );void(null)" onMouseOver="window.status='';return true" TITLE="Mapa Web">Mapa Web<A></td><td class="OpcionMenuSuperior2" width="33%"><A CLASS="EnlaceSuperior" HREF="javascript:bAbrirVentana( '/Numenti/Web/PtNumenWeb.nsf/voAvisoLegal/AVISOLEGAL?Open', 150, 150, 500, 350, 'scrollbars' );void(null)" onMouseOver="window.status='';return true" TITLE="Aviso Legal">Aviso Legal<A></td></tr>
</table>
</DIV><br></td></tr>
 
<tr valign="top"><td height="1px"  width="50%"><DIV align="right">
<table class="BotonesSuperior" width="100%" border="0" cellspacing="0" cellpadding="0">
<tr valign="top"><td class="OpcionBotonesSuperior" width="25%"><A HREF="http://www.facebook.com" TARGET="_new" TITLE="FaceBook"><IMG SRC="/Numenti/Web/PtNumenWeb.nsf/facebook.gif?OpenImageResource" BORDER="0"></A></td><td class="OpcionBotonesSuperior" width="25%"><A HREF="http://www.twitter.com" TARGET="_new" TITLE="Twitter"><IMG SRC="/Numenti/Web/PtNumenWeb.nsf/twiter.gif?OpenImageResource" BORDER="0"></A></td><td class="OpcionBotonesSuperior" width="25%"><A HREF="http://www.linkedin.com" TARGET="_new" TITLE="Linkedin"><IMG SRC="/Numenti/Web/PtNumenWeb.nsf/in.gif?OpenImageResource" BORDER="0"></A></td><td class="OpcionBotonesSuperior" width="25%"><A HREF="http://www.google.com" TARGET="_new" TITLE="RSS"><IMG SRC="/Numenti/Web/PtNumenWeb.nsf/rss.gif?OpenImageResource" BORDER="0"></A></td></tr>
</table>
</DIV></td></tr>
 
<tr valign="top"><td height="1px"  width="50%"><img width="1" height="1" src="/icons/ecblank.gif" border="0" alt=""></td></tr>
</table>
</td></tr>
 
<tr valign="top"><td class="ContenedorMenu" width="100%" valign="middle"><div id="menu"><UL><LI class="nivel1"><a href="#" TARGET="_self" class="nivel1">la empresa</a><UL><LI class="nivel2"><a href="vOpcionesMenuxID/633DEA748C5ED6C5C1257830003B58F2?OpenDocument" TARGET="_self" class="nivel2">presentación</a></LI><LI class="nivel2"><a href="vOpcionesMenuxID/163B031766956115C1257830003B6E84?OpenDocument" TARGET="_self" class="nivel2">misión</a></LI><LI class="nivel2"><a href="vOpcionesMenuxID/A97F7A16EF2340EBC1257830003B7378?OpenDocument" TARGET="_self" class="nivel2">visión</a></LI><LI class="nivel2"><a href="vOpcionesMenuxID/EE4E015945F4DCD4C1257830003B778C?OpenDocument" TARGET="_self" class="nivel2">valores corporativos</a></LI><LI class="nivel2"><a href="vOpcionesMenuxID/FF6C0E866A4156F0C1257830003B7E0C?OpenDocument" TARGET="_self" class="nivel2">sectores</a></LI></UL></LI><LI class="nivel1"><a href="$$ViewTemplate for wvNoticiasWeb?Open" TARGET="_self" class="nivel1">noticias</a></LI><LI class="nivel1"><a href="wfUnete?Open" TARGET="_self" class="nivel1">únete a nosotros</a></LI><LI class="nivel1"><a href="vOpcionesMenuxID/F6D80F21D406421AC1257830003B320F?OpenDocument" TARGET="_self" class="nivel1">intranet</a></LI><LI class="nivel1"><a href="vOpcionesMenuxID/CC950127AA0A66EAC1257830003B35C0?OpenDocument" TARGET="_self" class="nivel1">contacto</a></LI></UL></DIV></td></tr>
 
<tr valign="top"><td width="100%"><img width="1" height="1" src="/icons/ecblank.gif" border="0" alt=""></td></tr>
 
<tr valign="top"><td width="100%"><img width="1" height="1" src="/icons/ecblank.gif" border="0" alt=""></td></tr>
 
<tr valign="top"><td width="100%"><img width="1" height="1" src="/icons/ecblank.gif" border="0" alt=""></td></tr>
</table>
<BR>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr valign="top"><td class="Pie" width="100%"><img width="1" height="1" src="/icons/ecblank.gif" border="0" alt=""></td></tr>
</table>
</td><td class="ContenedorLados" style="background-image:url(/Numenti/Web/PtNumenWeb.nsf/imgLateral.gif?OpenImageResource); background-repeat: repeat; " width="2%"><img width="1" height="1" src="/icons/ecblank.gif" border="0" alt=""></td></tr>
</table>
 
<input name="URLBD" type="hidden" value="/Numenti/Web/PtNumenWeb.nsf/">
<input name="PORTALPATH" type="hidden" value="Numenti\Web\PtNumenWeb.nsf">
<input name="PORTALSERV" type="hidden" value="srvlab04/iprlab">
<input name="URLPORTAL" type="hidden" value="Numenti\Web\PtNumenWeb.nsf">
<input name="NoticiaTitular" type="hidden" value="">
<input name="Menu" type="hidden" value="[&lt;div id=&quot;menu&quot;&gt;&lt;UL&gt;&lt;LI class=&quot;nivel1&quot;&gt;&lt;a href=&quot;#&quot; TARGET=&quot;_self&quot; class=&quot;nivel1&quot;&gt;la empresa&lt;/a&gt;&lt;UL&gt;&lt;LI class=&quot;nivel2&quot;&gt;&lt;a href=&quot;vOpcionesMenuxID/633DEA748C5ED6C5C1257830003B58F2?OpenDocument&quot; TARGET=&quot;_self&quot; class=&quot;nivel2&quot;&gt;presentación&lt;/a&gt;&lt;/LI&gt;&lt;LI class=&quot;nivel2&quot;&gt;&lt;a href=&quot;vOpcionesMenuxID/163B031766956115C1257830003B6E84?OpenDocument&quot; TARGET=&quot;_self&quot; class=&quot;nivel2&quot;&gt;misión&lt;/a&gt;&lt;/LI&gt;&lt;LI class=&quot;nivel2&quot;&gt;&lt;a href=&quot;vOpcionesMenuxID/A97F7A16EF2340EBC1257830003B7378?OpenDocument&quot; TARGET=&quot;_self&quot; class=&quot;nivel2&quot;&gt;visión&lt;/a&gt;&lt;/LI&gt;&lt;LI class=&quot;nivel2&quot;&gt;&lt;a href=&quot;vOpcionesMenuxID/EE4E015945F4DCD4C1257830003B778C?OpenDocument&quot; TARGET=&quot;_self&quot; class=&quot;nivel2&quot;&gt;valores corporativos&lt;/a&gt;&lt;/LI&gt;&lt;LI class=&quot;nivel2&quot;&gt;&lt;a href=&quot;vOpcionesMenuxID/FF6C0E866A4156F0C1257830003B7E0C?OpenDocument&quot; TARGET=&quot;_self&quot; class=&quot;nivel2&quot;&gt;sectores&lt;/a&gt;&lt;/LI&gt;&lt;/UL&gt;&lt;/LI&gt;&lt;LI class=&quot;nivel1&quot;&gt;&lt;a href=&quot;$$ViewTemplate for wvNoticiasWeb?Open&quot; TARGET=&quot;_self&quot; class=&quot;nivel1&quot;&gt;noticias&lt;/a&gt;&lt;/LI&gt;&lt;LI class=&quot;nivel1&quot;&gt;&lt;a href=&quot;wfUnete?Open&quot; TARGET=&quot;_self&quot; class=&quot;nivel1&quot;&gt;únete a nosotros&lt;/a&gt;&lt;/LI&gt;&lt;LI class=&quot;nivel1&quot;&gt;&lt;a href=&quot;vOpcionesMenuxID/F6D80F21D406421AC1257830003B320F?OpenDocument&quot; TARGET=&quot;_self&quot; class=&quot;nivel1&quot;&gt;intranet&lt;/a&gt;&lt;/LI&gt;&lt;LI class=&quot;nivel1&quot;&gt;&lt;a href=&quot;vOpcionesMenuxID/CC950127AA0A66EAC1257830003B35C0?OpenDocument&quot; TARGET=&quot;_self&quot; class=&quot;nivel1&quot;&gt;contacto&lt;/a&gt;&lt;/LI&gt;&lt;/UL&gt;&lt;/DIV&gt;]"></form>
</body>
</html>

El resto en otro mensaje ...

AJDC · #2 (**permalink**) 21/02/2011, 09:13

El css del menu ...

Código:

* { margin: 0px;
padding: 0px; 
outline: 0;
}
html, body { width: 100%;}




body {
font-family: Calibri;
}

#menu {  text-align: center;
font-size: 0.7em;
width: 962px;
margin: 0px auto;
/*vertical-align: middle;*/
}

#menu ul { list-style-type: none;}

#menu ul li.nivel1 { float: left;
width: 162px;
margin-right: 0px;
}


#menu ul li a {display: block;
text-decoration: none;
color: #fff;
background-color: #44707D; /*Color de fondo del nivel que sea*/
/*border: solid 1px #fff; *//*Color de los bordes de las celdas*/
border-top: solid  #ffffff 0px;
border-right: solid  #ffffff 1px;
border-bottom: solid  #ffffff 0px;
border-left: solid  #ffffff 0px;


padding: 8px;
position: relative;
}

/*PARA ASPECTO SIMPLE DEL NIVEL 2*/
#menu ul li.nivel2 a.nivel2 {display: block;
text-decoration: none;
color: #fff;
background-color: #939393; /*Color de fondo del nivel que sea*/
border: solid 1px #fff;
padding: 1px;
position: relative;
margin: 3px;
}

#menu ul li:hover {position: relative;
display: block; 
}


#menu ul li a:hover, #menu ul li:hover a.nivel1 {
background-color: #5CC9BA; /*Color sobre nivel1*/
color: #000;
position: relative;
}


/*         #menu ul li a.nivel1 {display: block!important;display: none;   */
#menu ul li a.nivel1 {display: block; 
position: relative;
}

 #menu ul li ul {display: none; } 


#menu ul li a:hover ul, #menu ul li:hover ul {display: block;
position: absolute;left: 0px;
}

/*NIVEL 2*/
#menu ul li ul li a {width: 200px; /*Aspecto normal  - Ancho de las celdas de nivel2*/
padding: 6px 0px 8px 0px;
border-top-color: #000;
}
#menu ul li ul li.nivel2 a.nivel2:hover {border-top-color: #000;   /*Aspecto cuando es hover  .. Color sobre nivel2*/
position: relative;
background-color: #646464;
color: #fff;
border: solid 1px #fff;
}
/*FIN NIVEL 2*/


table.falsa {border-collapse:collapse;
border:0px;
float: left;
position: relative;
}

AJDC · #3 (**permalink**) 21/02/2011, 09:14

El css general...

Código:

BODY { scrollbar-face-color: #FFFFFF; scrollbar-highlight-color: #B0BBDB; scrollbar-shadow-color: #B0BBDB; scrollbar-3dlight-color: #FFFFFF; scrollbar-arrow-color: #B0BBDB; scrollbar-track-color: #FFFFFF; scrollbar-darkshadow-color: #FFFFFF;  background-image: url(/fondopagina.gif);}

* { font-family: Calibri; font-size: 12px; color: #666666; }

/* Estilo para la tabla contenedora */
TABLE.Contenedor{
	width: 100%;	
}

TD.ContenedorCentro{
	width: 962px;
	border-style: solid;
	border-width: 0px 0px 0px 0px;
	border-color: #44707D;
	text-align: center;

}
TD.ContenedorMenu{
	width: 100%;
	border-style: solid;
	border-width: 0px 0px 0px 0px;
	border-color: red;
	text-align: left;
	background-color: #44707D;
	vertical-align: middle;

}
TD.ContenedorLados{
	width: 33%;
	border-style: solid;
	border-width: 0px 0px 0px 0px;
	border-color: #44707D;
	vertical-align: middle;
	text-align: center;
}

TABLE.Contenedor2{
	width: 962px;	
}

/* Estilo para la tabla contenedora fuera del Index*/
TABLE.ContenedorDoc{
	width: 100%;
}

TD.ContenedorCentroDoc{
	width: 100%;
	border-style: solid;
	border-width: 0px 0px 0px 0px;
	border-color: #44707D;
	text-align: left;

}
TD.ContenedorLateralDoc{
	width: 225px;
	border-style: solid;
	border-width: 0px 0px 0px 1px;
	border-color: #44707D;
	vertical-align: middle;
	text-align: center;
}

TABLE.InformacionSectoresDoc{
	width: 230px;
}


/* Imagen logotipo cabecera */
IMG.LogoCabecera{
	border: 5px 5px 5px 50px ;
	padding: 5px 5px 5px 50px ;
	text-align: left;
}


/* Estilo para celda del pie de página */
TD.Pie{
	width: 100%;
	border-style: solid;
	border-width: 1px 0px 0px 0px;
	border-color: #44707D;
	text-align: center;

}


/* Estilo para la tabla de la cabecera*/
TD.TablaCabecera{
	width: 100%;
	border-style: solid;
	border-width: 0px 0px 0px 0px;
	border-color: #44707D;
	text-align: center;
	vertical-align: middle;
	height: 140px;

}


/* Estilo para la tabla de incio, mapa web, aviso legal */
TABLE.MenuSuperior{
	width: 185px;
	height: 20px;
	
}

TD.OpcionMenuSuperior0{
	width: 45px;
	border-style: solid;
	border-width: 0px 1px 0px 0px;
	border-color: #44707D;
	vertical-align: middle;
	text-align: center;

}
TD.OpcionMenuSuperior1{
	width: 70px;
	border-style: solid;
	border-width: 0px 1px 0px 0px;
	border-color: #44707D;
	vertical-align: middle;
	text-align: center;
}
TD.OpcionMenuSuperior2{
	width: 70px;
	border-style: solid;
	border-width: 0px 0px 0px 0px;
	border-color: #44707D;
	vertical-align: middle;
	text-align: center;
}



/* Estilo para la cabecera de los documentos en el marco central */
TABLE.CabeceraDoc{
	width: 98%;
}
TD.CabeceraDoc0{
	width: 100%
	border-width: 0px 0px 0px 0px;
	vertical-align: middle;
	text-align: left;
}
TD.CabeceraDoc1{
	width: 30px;
	border-width: 0px 0px 0px 0px;
	vertical-align: middle;
	text-align: right;
}
TD.CabeceraMargenDoc{
	width: 5px;
}


/* Estilo para los botones de redes sociales */
TABLE.BotonesSuperior{
	width: 100px;
	height: 20px;

}
TD.OpcionBotonesSuperior{
	width: 30px;
	border-width: 0px 0px 0px 0px;
	vertical-align: middle;
	text-align: center;
}


/* Estilo para las opciones de los Sectores en página de Inicio */
TABLE.InformacionSectores{
	width: 960px;
	

}

TD.OpcionInformacionSectoresImg{
	width: 240px;
	border-width: 0px 0px 5px 0px;
	vertical-align: middle;
	text-align: center;
}

IMG.OpcionesSectoresInicio{
	border: 0px 0px 0px 0px ;
	padding: 0px 0px 5px 0px ;
	text-align: center;
}

/* Textos de las informaciones de los sectores */
TABLE.TextoInformacionSectores{
	width: 225px;
	

}

TD.TituloInformacionSectores1{
	width: 225px;
	height: 20px;
	text-align: left;
	/* font-weight:bold; */
	color: #033;
	font-size:16px;
	vertical-align: middle;
	border-top:solid 2px #033 ;
	border-right:solid 0px #999;
	border-bottom:solid 1px #999 ;
	border-left: solid 1px #999 ;	
}
TD.TituloInformacionSectores2{
	width: 20px;
	height: 20px;
	text-align: left;
	/* font-weight:bold; */
	color: #033;
	font-size:16px;
	vertical-align: top;

	
	border-top:solid 1px #999 ;
	border-right:solid 1px #999;
	border-bottom:solid 1px #999 ;
	border-left: solid 0px #999 ;

}

A.TituloInformacionSectoresEnlace{
	text-align: left;
	/* font-weight:bold; */
	color: #033;
	font-size:16px;
	vertical-align: middle;
	text-decoration:none;
}
A.TituloInformacionSectoresEnlace:hover{
	text-align: left;
	font-weight:bold;
	color: #033;
	font-size:16px;
	vertical-align: middle;
	text-decoration:none;
}


TD.TextoInformacionSectores{
	width: 225px;
	border-width: 0px 0px 0px 0px;
	text-align: left;
}




/*... estilos para enlaces superiores ....*/
A.EnlaceSuperior { font-size:13px; color:#033; text-decoration:none }
A.EnlaceSuperior:hover { color:#033; text-decoration:none; font-weight:bold;}


/*---- estilos para titulos ventanas flotantes ----*/
.Titulo { font-size:12px; color:#9B3CBA; font-weight:bold; height:11px; padding:0px 0px 0px 0px; }
.Subtitulo1 { font-size:12px; color:#033; font-weight:normal; height:11px; padding:0px 0px 0px 0px}
.Subtitulo2 { font-size:11px; color:#666666; font-weight:normal; height:11px; padding:2px 0px 0px 0px; }


/*---- estilos para rotulos en el marco al visualizar os documentos----*/
/*.TituloDoc { font-size:16px; color:#033; font-weight:bold; height:16px; padding:0px 0px 0px 0px; }*/
/*.SubtituloDoc { font-size:14px; color:#9B3CBA; font-weight:normal; height:14px; padding:0px 0px 0px 0px}*/
.TituloDoc { font-size:16px; color:#FFFFFF; font-weight:bold; height:16px; padding:0px 0px 0px 0px; }
.SubtituloDoc { font-size:14px; color:#FFFFFF; font-weight:normal; height:14px; padding:0px 0px 0px 0px}


/*---- estilos para el texto de protección de datos ----*/
.ProteccionTitulo{ font-size:11px; color:#9B9A94; font-weight:bold;  padding:0px 0px 0px 0px; }
.ProteccionTexto{ font-size:11px; color:#9B9A94; font-weight:normal; padding:0px 0px 0px 0px}




/* Estilo para la zona de Noticas */
TABLE.NoticiasPortada{
	width: 100%;
	border-top:solid 1px #033 ;
	border-right:solid 0px #999;
	border-bottom:solid 1px #0339 ;
	border-left: solid 0px #999 ;	
	padding:0px 0px 0px 0px;
}

TD.NoticiasPortadaContenedor{
	width: 225px;
	text-align: left;
	border-top:solid 2px #033 ;
	border-right:solid 0px #999;
	border-bottom:solid 1px #0339 ;
	border-left: solid 0px #999 ;	
}

A.TituloNoticiasPortada{
	text-align: left;
	/* font-weight:bold; */
	color: #033;
	font-size:16px;
	vertical-align: middle;
	text-decoration:none;
}
A.TituloNoticiasPortada:hover{
	text-align: left;
	font-weight:bold;
	color: #033;
	font-size:16px;
	vertical-align: middle;
	text-decoration:none;
}


/* Estilos trabaje con nosotros */
INPUT.Registro{border:1px solid #44707D; font-size: 11px; color: #44707D; width:100%}









/*  SE PUEDE BORRAR HACIA DEBAJO */

A.EnlaceCentrado { font-size:11px; color:#8080FF; text-decoration:underline; text-align:center;}
A.EnlaceCentrado:hover { color:#810040; text-decoration:underline; text-align:center; }

/* ---- estilos para acciones ---- */
A.Accion { padding:2px; border:0px solid #7385BF; font-size:11px; color:#7385BF; width:100%; text-decoration:none; text-align:right;}
A.Accion:hover { color:#993366; text-decoration:none;  text-align:right; }
TABLE.Accion { border-bottom: 0px solid #B0BBDB; margin-bottom:0px; padding:4px; }

/*... estilos para página principal ...*/
TD.TDPpalFondo { background-color:#7285BF; }
TD.TDPpalFecha { background-color:#FFB500; }
.TextoPpalFecha { font-size: 11px; color: #12129D; }
.TextoPpalFecha2 {font-size: 11px; color: #12129D;  background-color:#FFFFFF; text-align:center;}


.TextoGris { font-size:11px; color:#A0A0A0; font-weight:normal; height:11px; padding: 10px 10px 10px 10px; text-align:left; }
.TextoGrisDerecha { font-size:11px; color:#A0A0A0; font-weight:normal; height:11px; padding: 10px 10px 10px 10px; text-align:right; }

/* ---- Eventos: Banner de Imágenes ---- */
#banner { filter: progid:DXImageTransform.Microsoft.Fade( Duration=2, Overlap=1 ); height: 84px; width: 85px;  }


/*---- estilos para Aviso Legal y Fecha Inferior ----*/
TD.AvisoLegal { border-width:0px 0px 0px 0px; background-color: #7A1C3D; font-size:9px; color:#FFFFFF;  }
Div.FechaInferior { font-size:9px; color:#FFFFFF; text-align:right; }
A.EnlaceInferior { border-width:0px 0px 0px 0px; background-color: #7A1C3D; font-size:9px; color:#FFFFFF; text-decoration:none;  }
A.EnlaceInferior:hover { border-width:0px 0px 0px 0px; background-color: #7A1C3D; font-size:9px; color:#FF9900; text-decoration:none;  }

/*---- Campos y Texto de Registro ----*/
.TextoEtiqueta{ font-size:9px; color:#7A1C3D; font-weight:normal; height:9px; text-align:left; }
.TextoRegistrado{ font-size:9px; color:#7A1C3D; font-weight:bold; height:9px; text-align:left; }
.TextoUsuarioRegistrado{ font-size:9px; color:#A0A0A0; height:11px; text-align:left; }
.TextoEntidadRegistrado{ font-size:8px; color:#FFAC00;  height:8px; text-align:left; }
INPUT.RegistroNoEditable{border:0px; font-size: 11px; color: #7A1C3D; font-weight:bold;}
INPUT.RegistroNoEditableOrganismo{border:0px; font-size: 9px; color: #FF9900; width:100%;}
/*INPUT.Registro{border:1px solid #FE9900; font-size: 11px; color: #7A1C3D; }*/
.TextoConectar{ font-size:10px; color:#7A1C3D; font-weight:normal; height:11px; text-align:center; }
A.EnlaceRegistro { font-size:11px; color:#7A1C3D; text-decoration:underline }
A.EnlaceRegistro:hover { color:#810040; text-decoration:underline; }

Por favor. ayudenme... ya no sé qué probar, mirar, consultar ...
Miles de gracias...

sanxuan · #4 (**permalink**) 21/02/2011, 13:00

Prueba a validar tu código. Puedes usar la siguiente página: http://http://validator.w3.org/unicorn/
Puede que el problema no esté en el navegador sino en algunos errores del código. Yo he pegado el código CSS de los links en el mismo orden dentro de una etiqueta style en la cabecera para poder usar la opción de validar código introducido directamente.

AJDC · #5 (**permalink**) 22/02/2011, 01:38

He probado.. pero el css dice que etsá ok,.
El html sé que de vuelve errores, pero "controlados" .. de alt en imágenes y eso..

¿Alguien puede ayudarme? por favor...
Sólo falla en IE.

O de otra forma....un menu que me sea fácild e configurar de dos niveles.... ¿dónde?
Gracias

AJDC · #6 (**permalink**) 22/02/2011, 02:04

Lo pongo en un solo archivo, todo, html y css.. quitando el resto de adornos que ahora mismo no me importa, ya que lo que no anda bien es el menu...

A ver si así es más fácil ver el problema...

Código HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1">         
<style type="text/css">
* { margin: 0px;
padding: 0px; 
outline: 0;
}
html, body { width: 100%;}




body {
font-family: Calibri;
}

#menu {  text-align: center;
font-size: 0.7em;
width: 962px;
margin: 0px auto;
/*vertical-align: middle;*/
}

#menu ul { list-style-type: none;}

#menu ul li.nivel1 { float: left;
width: 162px;
margin-right: 0px;
}


#menu ul li a {display: block;
text-decoration: none;
color: #fff;
background-color: #44707D; /*Color de fondo del nivel que sea*/
/*border: solid 1px #fff; *//*Color de los bordes de las celdas*/
border-top: solid  #ffffff 0px;
border-right: solid  #ffffff 1px;
border-bottom: solid  #ffffff 0px;
border-left: solid  #ffffff 0px;


padding: 8px;
position: relative;
}

/*PARA ASPECTO SIMPLE DEL NIVEL 2*/
#menu ul li.nivel2 a.nivel2 {display: block;
text-decoration: none;
color: #fff;
background-color: #939393; /*Color de fondo del nivel que sea*/
border: solid 1px #fff;
padding: 1px;
position: relative;
margin: 3px;
}

#menu ul li:hover {position: relative;
display: block; 
}


#menu ul li a:hover, #menu ul li:hover a.nivel1 {
background-color: #5CC9BA; /*Color sobre nivel1*/
color: #000;
position: relative;
}


/*         #menu ul li a.nivel1 {display: block!important;display: none;   */
#menu ul li a.nivel1 {display: block; 
position: relative;
}

 #menu ul li ul {display: none; } 


#menu ul li a:hover ul, #menu ul li:hover ul {display: block;
position: absolute;left: 0px;
}

/*NIVEL 2*/
#menu ul li ul li a {width: 200px; /*Aspecto normal  - Ancho de las celdas de nivel2*/
padding: 6px 0px 8px 0px;
border-top-color: #000;
}
#menu ul li ul li.nivel2 a.nivel2:hover {border-top-color: #000;   /*Aspecto cuando es hover  .. Color sobre nivel2*/
position: relative;
background-color: #646464;
color: #fff;
border: solid 1px #fff;
}
/*FIN NIVEL 2*/


table.falsa {border-collapse:collapse;
border:0px;
float: left;
position: relative;
}
</style>

</head >
<body text="#000000" bgcolor="#FFFFFF">
 
<div id="menu">
<UL>
	<LI class="nivel1"><a href="#" TARGET="_self" class="nivel1">la empresa</a>
    	<UL>
        	<LI class="nivel2"><a href="vOpcionesMenuxID/633DEA748C5ED6C5C1257830003B58F2?OpenDocument" TARGET="_self" class="nivel2">presentacion</a></LI>
            <LI class="nivel2"><a href="vOpcionesMenuxID/163B031766956115C1257830003B6E84?OpenDocument" TARGET="_self" class="nivel2">mision</a></LI>
            <LI class="nivel2"><a href="vOpcionesMenuxID/A97F7A16EF2340EBC1257830003B7378?OpenDocument" TARGET="_self" class="nivel2">vision</a></LI>
            <LI class="nivel2"><a href="vOpcionesMenuxID/EE4E015945F4DCD4C1257830003B778C?OpenDocument" TARGET="_self" class="nivel2">valores corporativos</a></LI>
            <LI class="nivel2"><a href="vOpcionesMenuxID/FF6C0E866A4156F0C1257830003B7E0C?OpenDocument" TARGET="_self" class="nivel2">sectores</a></LI>
        </UL>
    </LI>
    <LI class="nivel1"><a href="$$ViewTemplate for wvNoticiasWeb?Open" TARGET="_self" class="nivel1">noticias</a></LI>
    <LI class="nivel1"><a href="wfUnete?Open" TARGET="_self" class="nivel1">unete a nosotros</a></LI>
    <LI class="nivel1"><a href="vOpcionesMenuxID/F6D80F21D406421AC1257830003B320F?OpenDocument" TARGET="_self" class="nivel1">intranet</a></LI>
    <LI class="nivel1"><a href="vOpcionesMenuxID/CC950127AA0A66EAC1257830003B35C0?OpenDocument" TARGET="_self" class="nivel1">contacto</a></LI>
</UL>
</DIV>

</body>
</html>

El validador me dice que el css está bien... ·El documento ha pasado el test: W3C CSS Validator (Level 2.1) Enlace directo"
Sólo 1 error de html... end tag for "HEAD" which is not finished .. </head >, pero no creo que ese sea el problema...

sanxuan · #7 (**permalink**) 22/02/2011, 11:19

El error que te da en la etiqueta HEAD es probable que se deba a que no se puede tener un documento HTML sin título. Deben aparecer como mínimo las etiquetas <title></title> dentro del elemento <head>.
Por otra parte, la etiqueta DOCTYPE aunque declara el tipo de documento, no ofrece la dirección de la DTD. Sin ella, IE no funciona en modo estándard sino en modo quirk.
Prueba a sustituir la primera línea por la siguiente y quizás soluciones por completo el problema.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

AJDC · #8 (**permalink**) 23/02/2011, 01:18

Gracias...
Si pongo lo indicado , salvo un pequeño error en IE, que no se queda "visible" el niel 2 una vez mostrado.. funciona, pero sin embargo en Firefox no me genera bien el css que compione el menu...

En safari si va bien también.

Gracias

AJDC · #9 (**permalink**) 23/02/2011, 01:39

He calculado el navegador que accede.. si es MSIE..le pomgo el doctype que me indicas.. y funciona... Si noes MSIE.. le pongo el que tenía y funciona....
OK, pero.. ¿por qué en IE no se queda visible el nivel 2 una vez que se visualiza y quiero pasar sobre él?

gracias de nuevo