[Ovillo] menu vertical en css y div que recibe un .html, no funcionan bien ya subidos, IE6 desastre total(en local funcionan, excepto ie6)
alejandra.j.gomez en gmail.com
alejandra.j.gomez en gmail.com
Dom Jun 7 08:06:16 UTC 2009
Hola Amigos, tengo un menu que baje de esta pagina:
http://www.forosdelweb.com/f53/menu-desplegable-100-css-595007/ el numero 5
en local funcionaba bien (probando en apache) en ie7 y en ff, en ie6, no
funcionaba.
Lo subo a la web y no funciona nada bien.
1- en ie6 se descuadra absolutamente todo, y desparrama el contenido por
cualquier lado
2- en FF y ie7, funciona mal, es decir, abre el menu y la primera opcion
todo bien, luego cuando busco la segunda opcion, vuelve a cargar la primera
o directamente nada.
3- no se si es por el menu, el punto dos, o por la tecnica con JScript para
abrir en un div, dentro de la misma pagina (como si fuera un frame, pero sin
serlo)
4- en el caso de ie6 en local, tambien abre el html en el div "show" pero se
descuadra todo
Estoy muy perdida les agradeceria me echen un poco de luz
Esta subido aqui: www.clubajedrezphilidor.com.ar/torneos.html
Este es el codigo que tengo*:
HTML:* (este es el JS para abrir un html en un div, en la misma pagina)
*
*<title>Club de Ajedrez Philidor | Torneos</title>
<link rel="stylesheet" href="philicfijo.css" type="text/css" />
<link rel="stylesheet" href="Menu.css" type="text/css" />
<!--[if IE 6]><style>#menu ul li.nivel1
{margin-bottom:-1px}</style><![endif]-->
<!--[if IE 7]><style>#menu ul li.nivel1
{margin-bottom:-2px}</style><![endif]-->
<link rel="shortcut icon" href="philidor003_4.ico" />
<script src="jquery-1.2.1.pack.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
var emi = "#menu a"; //Emisor
var rec = "#show"; //Receptor
var src = "loading.gif"; //Imagen de precarga
var iid = "loading"; //Id de la precarga
var pre = '<img src="'+src+'"id="'+iid+'"/>'; //Objeto precarga
var spe = "slow"; //Velocidad del efecto
$(emi).each(function(){
//Guardamos el vaolor de href de cada enlace.
$(this).click(function(){ //Cargamos en rec el
contenido de cada href y le damos efectos.
var href = $(this).attr("href");
$(rec).hide().after(pre).load(href, function()
{$("#"+iid).remove();$(this).fadeIn(spe)});
return false; //Para que no se
redireccione.
});
});
});
</script>
</head>*
HTML2:* (esta es la parte del menu y abajo el id receptor)*
*<div id="dolphincontainer">
<div id="dolphinnav">
<ul>
<li> <a href="index.html"><span>La Institución
/</span></a></li>
<li> <a href="current"><span>Torneos /</span></a> </li>
<li> <a href="ranking.html"><span>Ranking /</span></a></li>
<li> <a href="galeria.html"><span>Galería de Fotos
/</span></a></li>
<li> <a href="contacto.html"><span>Contáctenos
/</span></a></li>
</ul>
</div><!-- fin dolphinav-->
</div> <!-- fin dolphicontainer-->
<div id="contenido">
<div id="menu">
<ul>
<li class="nivel1 primera"><a href="ultimo.html" class="nivel1"><span>Ultimo
Torneo</span></a></li>
<!--[if lte IE 6]><a href="ultimo.html" class="nivel1ie">Opción 1<table
class="falsa"><tr><td><![endif]-->
<li class="nivel1 primera"><span>Torneos 2009</span>
<!--[if lte IE 6]><a href="torneos2009.html" class="nivel1ie">Opción 1<table
class="falsa"><tr><td><![endif]-->
<ul>
<li class="primera"><a href="challengerveranoa.html"><span>Challenger "A"
2009</span></a></li>
<li><a href="challengerveranob.html"><span>Challenger "B"
2009</span></a></li>
<li><a href="venturiello.html"><span>Homenaje a Venturiello</span></a></li>
<li><a href="torneoxequipos13032009.html"><span>Torneo por equipos
2009</span></a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
<li class="nivel1"><span>Torneos Anuario 2008</span>
<!--[if lte IE 6]><a href="#" class="nivel1ie">Opción 1<table
class="falsa"><tr><td><![endif]-->
<ul>
<li class="primera"><a href="semilento13122008.html"><span>SEMILENTO CLUB DE
AJEDREZ PHILIDOR DE MORON - 13/12/2008</span></a></li>
<li> <a href="abierto02122008.html"><span>TORNEO ABIERTO CLUB PHILIDOR -
02/12/2008</span></a></li>
<li> <a href="sabatino25102008.html"><span>6° SABATINO “SIMPLEMENTE
GUILLERMO” - 25/10/2008</span></a></li>
<li> <a href="torneo4categoria04112008.html"><span>TORNEO DE
CATEGORÍAS / FIN DE AÑO / CUARTA CATEGORÍA -
4-11-2008</span></a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
<li class="nivel1"><span>Mejores Torneos</span>
<!--[if lte IE 6]><a href="calen2008.html" class="nivel1ie">Opción 1<table
class="falsa"><tr><td><![endif]-->
<ul>
<li class="primera"><a href="30_131208.html"><span>SEMILENTO CLUB DE AJEDREZ
PHILIDOR DE MORON</span></a></li>
<li> <a href="29_021208.html"><span>TORNEO ABIERTO CLUB PHILIDOR
2-12-2008</span></a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
</ul>
</div><!-- fin menu-->
<div id="show">
<h2 align="center" >Semilento de Semana Santa<br />Sábado 11-4-09
</h2>
<p>En un hermoso sábado, se desarrolló en el club Philidor de
Morón el torneo Semilento de Semana Santa, con un tiempo de 15 min.
por jugador, que contó con una gran convocatoria de jugadores de gran
nivel.<br />El torneo lo ganó Mareco Sandro con 7/7, en segundo lugar
Gómez Daniel con 6/7 y en el tercer puesto el juvenil Cuberli
Emiliano con 5/7.<br />A su finalización se llevó a cabo la
entrega de premios en efectivo para los destacados del certamen.</p>
<p> </p>*
---------------------------------------------------------------------------------------------------------
CSS* (del menu vertical, tal cual lo copie)
* { margin: 0px; padding: 0px; outline: 0; }
#menu { text-align: center; font-size: 0.7em; width: 200px; margin-left:
6px; float:left;}
#menu ul { list-style-type: none; }
#menu ul li.nivel1 { width: 162px; }
#menu ul li.primera { border-top: solid 1px #FFF;}
#menu ul li a {display: block; text-decoration: none; color: #fff;
background-color: #399; border: solid 1px #fff; border-top: none; padding:
8px; position: relative; }
#menu ul li:hover {position: relative; background-color: #6CC; color: #000;
}
#menu ul li a:hover, #menu ul li:hover a.nivel1 {background-color: #6CC;
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: 161px;top:-1px!important;top: -31px; }
#menu ul li ul li a {width: 160px; background-color: #6CC; color: #000; }
#menu ul li ul li a:hover {position: relative; background-color: #399;
color: #FFF; }
table.falsa {border-collapse:collapse; border:0px; float: left; position:
relative; }
CSS2: (esta parte es la del div "show" que muestra el html como un iframe)
#centraltorneos, #show{width:200px;
height:550px;
float:left;
text-align:left;
border-left:2px solid #036;
margin:0 auto;/*arriba, derecha, abajo, izquierda*/
margin-left:20px;
padding-left:10px;
padding-right:10px;
}
#show{width:650px;
height:auto;
float:left;
overflow:inherit;
}
table #show{font-size:1em;
text-align:left;}
Disculpen lo largo del mensaje, igual en el sitio esta todo.
Ojala puedan echarme un poco de luz.
Muchas Gracias
Alejandra
Más información sobre la lista de distribución Ovillo