Foros del Web » Creando para Internet » CSS »

Problema de meu con css e internet explorer

Estas en el tema de Problema de meu con css e internet explorer en el foro de CSS en Foros del Web. Saludos. Estoy desarrollando una web que tiene un menu de listas, formateado con css (aprovechando mensajes del foro). resulta que en firefox va de lujo, ...
  #1 (permalink)  
Antiguo 17/02/2011, 10:32
 
Fecha de Ingreso: agosto-2003
Mensajes: 324
Antigüedad: 20 años, 7 meses
Puntos: 1
Problema de meu con css e internet explorer

Saludos.
Estoy desarrollando una web que tiene un menu de listas, formateado con css (aprovechando mensajes del foro).

resulta que en firefox va de lujo, pro en internet explorer no me lo visualiza.

Este es el html final ...
Código:
<!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="/Numenti/Web/PtNumenWeb.nsf/cssmenu.css" TYPE="text/css">
<LINK REL="stylesheet" href="/Numenti/Web/PtNumenWeb.nsf/cssgeneral.css" TYPE="text/css">
<SCRIPT src="/Numenti/Web/PtNumenWeb.nsf/pCNavegador.js"></SCRIPT>
<SCRIPT src="/Numenti/Web/PtNumenWeb.nsf/pVentana.js"></SCRIPT>
 
<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%2060.%20Contenido%20Web?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%">
<table class="Contenedor2" width="100%" border="0" cellspacing="0" cellpadding="0">
<tr valign="top"><td width="100%"><img width="1" height="1" src="/icons/ecblank.gif" border="0" alt=""></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>
</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>
</form>
</body>
</html>
y ésta la hoja de estilo ...
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;
}


#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;
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;
}
¿Qué puede estar pasando?
  #2 (permalink)  
Antiguo 17/02/2011, 10:58
Avatar de sanxuan  
Fecha de Ingreso: enero-2011
Ubicación: Gijón
Mensajes: 671
Antigüedad: 13 años, 2 meses
Puntos: 36
Respuesta: Problema de meu con css e internet explorer

Yo lo veo correctamente en IE8. Quiero decir que lo muestra igual que Firefox.
  #3 (permalink)  
Antiguo 18/02/2011, 02:24
 
Fecha de Ingreso: agosto-2003
Mensajes: 324
Antigüedad: 20 años, 7 meses
Puntos: 1
Respuesta: Problema de meu con css e internet explorer

Pues sigo con pruebas.. y sigue mal.. en IE8 no aparece nada, y en Firefox si...
Os pongo de nuevo el código...

Código:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1">         
 

 
<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>

<style>
* { 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;
}


#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;
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" topmargin=0 marginheight=0 leftmargin=0 marginwidth=0>
 
<form method="post" action="/Numenti/Web/PtNumenWeb.nsf/Copia%20de%2060.%20Contenido%20Web?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%">
<table class="Contenedor2" width="100%" border="0" cellspacing="0" cellpadding="0">
<tr valign="top"><td width="100%"><img width="1" height="1" src="/icons/ecblank.gif" border="0" alt=""></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>
</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>
</form>
</body>
</html>
Ayuda.. please...
  #4 (permalink)  
Antiguo 18/02/2011, 05:28
 
Fecha de Ingreso: agosto-2003
Mensajes: 324
Antigüedad: 20 años, 7 meses
Puntos: 1
Respuesta: Problema de meu con css e internet explorer

Mirando mirando...
he realizado un cambio, que creo que habia que quitar.. os pongo el cambio...

Código:
/*         #menu ul li a.nivel1 {display: block!important;display: none;   */
#menu ul li a.nivel1 {display: block; 
position: relative;
}
Lo comentado es como estaba y la siguiente línea, como lo dejo ahora.
Así aparece el nivel 1, pero no muestra las opciones del nivel 2 al pasar sobre las opciones del nivel1 que tienen opciones...

Ayuda por favor.-....

Etiquetas: explorer, internet
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 08:03.