Hola a todos.
Mi problema es el siguiente: el frame izquierdo de mi página lleva un div que muestra la fecha y hora actual, y debajo de éste otro div que contiene el menú principal. Aquí esta el problema, en IE6 no se puede visualizar el menú.
El código es el siguiente
HTML:
<!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" />
<link rel="stylesheet" href="archivos/menu.css" type="text/css" />
<title>Menú Principal</title>
</head>
<body><BR/><div style="margin-left:5px">
<div align="center" style="border:groove #0000CC; margin:2;"><font face="Baskerville Old Face" size="2" color="#006600">
<span id="clock"><script language="JavaScript" type="text/javascript">
var dayarray=new Array("Domingo","Lunes","Martes","Miércoles ","Jueves","Viernes","Sábado")
var montharray=new Array("Enero","Febrero","Marzo","Abril","Mayo","Ju nio","Julio","Agosto","Septiembre","Octubre","Novi embre","Diciembre")
function getthedate(){
var mydate=new Date()
var year=mydate.getYear()
if (year < 1000)
year+=1900
var day=mydate.getDay()
var month=mydate.getMonth()
var daym=mydate.getDate()
if (daym<10)
daym=""+daym
var hours=mydate.getHours()
var minutes=mydate.getMinutes()
var seconds=mydate.getSeconds()
var dn="AM"
if (hours>=12)
dn="PM"
if (hours>12){
hours=hours-12
}
{
d = new Date();
Time24H = new Date();
Time24H.setTime(d.getTime() + (d.getTimezoneOffset()*60000) + 3600000);
}
if (hours==0)
hours=12
if (minutes<=9)
minutes="0"+minutes
if (seconds<=9)
seconds="0"+seconds
var cdate=dayarray[day]+" "+daym+"<BR />"+montharray[month]+" "+year+" <BR />"+hours+":"+minutes+":"+seconds+" "+dn+""
if (document.all)
document.all.clock.innerHTML=cdate
else if (document.getElementById)
document.getElementById("clock").innerHTML=cdate
else
document.write(cdate)
}
if (!document.all&&!document.getElementById)
getthedate()
function goforit(){
if (document.all||document.getElementById)
setInterval("getthedate()",1000)
}
window.onload=goforit
</script></span>
</font></div><BR/></div>
<div id="menu">
<ul>
<li class="nivel1"><a href="home.html" target="mainFrame" class="nivel1">Inicio</a></li>
<li class="nivel1"><a href="mision_vision.html" target="mainFrame" class="nivel1">Conócenos</a></li>
<li class="nivel1"><a href="departamentos.html" target="mainFrame" class="nivel1">Departamentos</a></li>
<li class="nivel1"><a href="SIG.html" target="mainFrame" class="nivel1">SIG</a></li>
<li class="nivel1"><a href="organigrama.html" target="mainFrame" class="nivel1">Organigrama</a></li>
<li class="nivel1"><a href="resultados.html" target="mainFrame" class="nivel1">Resultados</a></li>
<li class="nivel1"><a href="agencias.html" target="mainFrame" class="nivel1">Regionales y Agencias</a></li>
<li class="nivel1"><a href="interes.html" target="mainFrame" class="nivel1">De Interés</a></li>
</ul>
</div>
</body>
</html>
CSS:
* { margin: 0px; padding: 0px; outline: 0;}
body { font:"Baskerville Old Face"}
#menu { font-size: 0.8em;margin: 3px;}
#menu ul { list-style-type: none;}
#menu ul li.nivel1 { width: 105px;}
#menu ul li { text-align: center;}
#menu ul li a {display: block;text-decoration: none;color: #AD0606;background-color: #E6E6E6;border: solid 1px #088A08; padding: 1px 0px 1px 0px;position: relative;}
#menu ul li:hover {position: relative;background-color: #E6E6E6;color: #000;}
#menu ul li a:hover, #menu ul li:hover a.nivel1 {background-color: #E0F8E0;color: #08088A;position: relative;}
#menu ul li a.nivel1 {display: block!important;display: none;position: relative;}
Gracias de antemano
