Buenas... cuando por fin crei que habia terminado el diseño, luego de mucho maquetar, y probar efectos con JS que no me salian, me enfrento a un enemigo comun de todos nosotros: IE.
SI. En todos mis navegadores, salvo en IE, se ve bien la siguiente pagina:
http://www.proyectoshuerto.com.ar/nu...dad/final.html
Ahora, los que tiene IE, podran ver que el menu se va para arriba, en vez de ser vertical, que el div contenedor blanco se baja, que el div oculto, no se oculta... en fin, un sinfin de errores... aca les dejo el codigo para ver si alguien puede ayudarme. llevo horas tratando de ver el error, pero no puedo!
espero que puedan ayudarme!!
css
Código:
body {
font-family:Georgia; font-size: medium; background: #FFE337; color:#838383
}
div#wrap {margin:auto; width: 800px; background:#000000; height:600px;}
div#contacto {padding: 25px 65px 0 0; text-align:right; background-color:transparent}
div#logo {width:auto; margin:0 0 50px 40px; }
div#contenido {padding:0 40px 40px 40px; overflow:auto;}
div#menu {float: left; width:160px;}
div#frame {margin:0 0 0 190px; }
div#framesup{ margin:0 0 5px 0;}
div#frameinf{background-color:#ffffff; height:380px; padding:10px}
ul#nav{ list-style-type:none;}
#oculto {display:none}
/* NOSOTROS */
.nosotros img{border:0; outline:0}
.nosotros {background-image: url('nosotros_menu.jpg'); background-repeat:no-repeat; width:160px; height:24px; float:left;display: inline;}
.nosotros a{float:left; text-decoration: none; width:160px; height:24px;}
.nosotros a:hover,.nosotros a:active,.nosotros a:focus, .currentnos{background-image: url('nosotros_menu_r.jpg');}
HTML
Código:
<div id="contenido">
<div id="menu">
<ul>
<li><div class="nosotros"><a href="opcion1.html" target="frame" onclick="$('#oculto').slideUp('normal')"></a></div></li>
<li><div class="nosotros"><a href="javascript:void(0)" onclick="$('#oculto').slideDown('normal')"></a></div></li>
<div id="oculto">
<li><a href="opcion2.html" target="frame">Uno</a></li><li>Dos</li><li>Tres</li>
</div>
<li><div class="nosotros"><a href="opcion3.html" target="frame" onclick="$('#oculto').slideUp('normal')"></a></div></li>
</ul>
</div>
<div id="frame">
<div id="framesup"><img src="nosotros.jpg"/></div>
<div id="frameinf">
<iframe marginheight="0" frameborder="0" src="opcion1.html" name="frame" scrolling="no"></iframe>
</div>
</div>
</div>
Gracias nuevamente por la ayuda, les estare eternamente agradecidos!
Un saludo,
Pablo.