Entrar

Se ve diferente en HTML Kit que en FF e IE

jolfag · · Solicitar retirada
He hecho mi web gracias a su ayuda pero parece que la necesito de nuevo,
es que en la barra de navegacion me aparecen perfecto los menues desplegables en HTMLKit pero cuando pruebo la pagina en los exploradores algunos no se despliegan y ademas se descuadra el texto que puse abajo.

por favor ayudenme a encontrar el error en mi web
gracias de antemano
disculpen por no ponerlo en la web aun

---------------------------------------------------------------------------
HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>

<title>- PeruTraders - Información y Análisis -</title>
<link rel="stylesheet" href="est-gen.css" type="text/css" media="all">
<link rel="shortcut icon" href="objetos/favicon.ico">
</head>

<body>
<div id="global">
<div id="nav">
<ul id="menu">
  • INICIO
  • NOTICIAS
    <ul>
  • LOCALES
    <ul>
  • Andina
  • Gestión
  • RPP

  • INTERNACIONALES
    <ul>
  • Bloomberg (inglés)
  • Reuters (inglés)
  • Reuters (español)



  • STOCKS
    <ul>
  • SECTOR
    <ul>
  • Agropecuario
  • Bancos y Financieras
  • Diversas
  • Industriales
  • Mineras
  • Servicios
  • Alimentos y Bebidas
  • Eléctricas
  • Minerals. No Metálicos
  • Telecomunicaciones
  • Juniors

  • ALFABETICO


  • METALES
  • ENLACES
  • APRENDE
  • MUSICA

    </div>
    <div id="cabizq">[contenido no disponible]</div>
    <div id="cabder">
    <div id="cabder1"> Publicidá </div>
    <div id="cabder2"><embed src="http://www.clocklink.com/clocks/5005-gray.swf?TimeZone=Peru_Lima&" width="150" height="50" wmode="transparent" type="application/x-shockwave-flash">
    </div>
    </div>

    <div id="cuerpo">
    <div id="cueizq">
    <div id="separador1"></div>
    <div id="barra2a">[contenido no disponible]
    </div>
    <div id="barra2b">

    <p class="sup">Empresa Agroindustrial Pomalca SAA</p>


    <p class="med">(POMALCC1:PE) (POM:LM)</p>

    <p class="inf">Industry: Agricultural Operations • Lima • Currency: PEN</p>
    </div>

    <div id="separador1"></div>
    <div id="separador2">
    <div id="separador2a">
    <p class="stt">PERFIL</p>
    </div>
    <div id="separador2b">
    <p class="stt">INTRADAY</p>
    </div>
    </div>
    <div id="recmadre">
    <div id="recizq">
    <p class="des">La empresa tiene por objeto desarrollar actividades de cultivo de
    caña de azúcar y otros productos agrícolas, su transformación
    agroindustrial y su comercialización; tanto en el mercado interno
    como en el mercado externo, así como realizar otras actividades
    económicas que resulten complementarias o necesarias a su
    actividad principal.</p>
    </div>
    <div id="recder">[contenido no disponible]
    </div>
    </div>
    <div id="separador1"></div>
    <div id="separador2">
    <div id="separador2a">
    <p class="stt">DIRECTORIO</p>
    </div>
    <div id="separador2b">
    <p class="stt">COMPOSICION ACCIONARIA &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
    Al 31/Dic/2009</p>
    </div>
    </div>
    <div id="recmadre">
    <div id="recizq">
    <p class="dic">
    Periodo : n.d.


    José Arturo Gamarra Mizrrají (P)

    César Enrique Alva Azula (VP)

    Edwin Oviedo Picchotito

    Elvis Richard Oviedo Picchotito

    Enrique Antonio Woyke Vásquez

    Iván Gonzáles Valdivia

    Miguel Gonzáles Ñiquén


    </p>
    <div id="separador2a">
    <p class="stt">GERENTE GENERAL</p>
    </div>
    <p class="dic">&nbsp

    Víctor Antonio Becerril Rodríguez
    </p>
    </div>
    <div id="recder">
    [contenido no disponible]
    </div>
    </div>
    </div>

    <div id="cueder">

    Publicidá
    </div>
    </div>

    <div id="separador3"><p class="tit">Gráfico Interactivo</p></div>
    <div id="graf">
    <iframe width="970" height="717" frameborder="0" scrolling="no" marginheight="0" src="http://charts.reuters.com/reuters/enhancements/US/interactiveChart/…" marginwidth="0" id="wsodChart">
    </iframe>
    </div>

    <div id="separador3"><p class="tit">Noticias</p></div>
    <div id="noti">
    <p class="not">
    24/01/2011<a href="http://peru21.pe/impresa/noticia/se-aprovechan-trabajadores/2011-01…">
    &nbsp&nbsp&nbsp Les da duro a los Oviedo</a>

    24/01/2011<a href="http://peru21.pe/impresa/noticia/lo-que-deben-oviedo/2011-01-24/295355">
    &nbsp&nbsp&nbsp Lo que deben los Oviedo</a>






    </p>
    </div>
    <div id="pie">Disclaimer - Contáctanos - Enlaces Útiles</div>
    </div>
    </body>

    -------------------------------------------------------------------------
    CSS

    * {margin:0px ; padding:0px }
    body {text-align: justify}

    a:link {color: #2E2E2E; text-decoration: none}
    a:visited {color: #2E2E2E; text-decoration: none}
    a:hover {color: #585858}
    a:active {color: #2E2E2E; text-decoration: none}


    #global {width:970px ; margin-left:20px; margin-right:20px }
    #nav {height:25px; background: #0CAEFA }
    #nav li {float:left ; list-style:none ; margin: 0px 20px 0px 20px }
    #nav ul { margin-left: 0px }

    /* Root = Horizontal, Secondary = Vertical */
    ul#menu {
    ba
    margin: 0;
    border: 0 none;
    padding: 0;
    /* width: 500px;*/ /*For KHTML*/
    width:970px;
    list-style: none;
    height: 27px;
    padding-bottom: 5px
    }

    ul#menu li {
    margin: 0;
    border: 0 none;
    padding: 0;
    float: left; /*For Gecko*/
    display: inline;
    list-style: none;
    position: relative;
    height: 20px;
    }
    ul#menu li{
    padding-bottom:5px;
    }
    ul#menu li:hover{
    background: white ;
    }

    ul#menu ul {
    margin: 0;
    border: 0 none;
    padding: 0;
    width: 160px;
    list-style: none;
    display: none;
    position: absolute;
    top: 25px;
    left: 10px;
    background: #E4F3FA ;
    border: none;

    }

    ul#menu ul:after /*From IE 7 lack of compliance*/{
    clear: both;
    display: block;
    font: 1px/0px serif;
    content: ".";
    height: 0;
    visibility: hidden;
    }

    ul#menu ul li {
    width: 160px;
    float: left; /*For IE 7 lack of compliance*/
    display: block !important;
    display: inline; /*For IE*/
    }

    /* Root Menu */
    ul#menu a {
    padding: 5px 15px 5px;
    float: none !important; /*For Opera*/
    float: left; /*For IE*/
    display: block;
    color: white;
    text-decoration: none;
    font-weight: bold;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    font-weight:bold;
    /* border-right:1px solid #818181;*/
    text-decoration: none;
    height: auto !important;
    height: 1%; /*For IE*/
    }

    /* Root Menu Hover Persistence */
    ul#menu a:hover,
    ul#menu li:hover a,
    ul#menu li.iehover a {
    color: #0CAEFA;

    }

    /* 2nd Menu */
    ul#menu li:hover li a,
    ul#menu li.iehover li a {
    float: none;
    border:none;
    }

    /* 2nd Menu Hover Persistence */
    ul#menu li:hover li a:hover,
    ul#menu li:hover li:hover a,
    ul#menu li.iehover li a:hover,
    ul#menu li.iehover li.iehover a {
    background:white;
    color: black;
    }

    /* 3rd Menu */
    ul#menu li:hover li:hover li a,
    ul#menu li.iehover li.iehover li a {
    background: white;
    color: #0CAEFA;
    }

    /* 3rd Menu Hover Persistence */

    ul#menu li:hover li:hover li a:hover,
    ul#menu li:hover li:hover li:hover a,
    ul#menu li.iehover li.iehover li a:hover,
    ul#menu li.iehover li.iehover li.iehover a {
    background:#E4F3FA;
    color: black;
    }

    /* 4th Menu */
    ul#menu li:hover li:hover li:hover li a,
    ul#menu li.iehover li.iehover li.iehover li a {
    background:white;
    color: #0CAEFA;
    }

    /* 4th Menu Hover */
    ul#menu li:hover li:hover li:hover li a:hover,
    ul#menu li.iehover li.iehover li.iehover li a:hover {
    background: white;
    color: #0CAEFA;
    }

    ul#menu ul ul,
    ul#menu ul ul ul {
    display: none;
    position: absolute;
    top: 0;
    left: 160px;
    }

    /* Do Not Move - Must Come Before display:block for Gecko */
    ul#menu li:hover ul ul,
    ul#menu li:hover ul ul ul,
    ul#menu li.iehover ul ul,
    ul#menu li.iehover ul ul ul {
    display: none;
    }

    ul#menu li:hover ul,
    ul#menu ul li:hover ul,
    ul#menu ul ul li:hover ul,
    ul#menu li.iehover ul,
    ul#menu ul li.iehover ul,
    ul#menu ul ul li.iehover ul {
    display: block;
    }
    ul#menu .selected{
    color: #0CAEFA;
    }

    ul.menu{ list-style:none;}
    ul.menu ul { display:none; list-style:none;}
    br{font-size:5px;}

    .right {border-style: solid; border-width:1px;border-color:black; float:right;
    margin-top:10px; margin-right:10px;}
    .left{margin-top:10px; margin-left:10px; float:left}

    .dic {font-family:Arial, sanz-serif; font-size:11px; margin: 10px; line-height:13px; }
    .sup {color:#2E2E2E; font-family:Arial, sanz-serif; font-size:30px;}
    .med {color:#2E2E2E; font-family:Arial, sanz-serif; font-size:20px;font-style:oblique}
    .inf {color:#2E2E2E; font-family:Arial, sanz-serif; font-size:12px;font-style:oblique}
    .des {font-family:Arial, sanz-serif; font-size:13px; margin: 10px; line-height:20px; }
    .stt {font-family:Arial, sanz-serif; font-size:10px; margin-left: 10px;margin-top: 3px;}
    .tit {font-family:Arial, sanz-serif; font-size:20px; font-weight: bold;
    margin-left: 10px;margin-top: 2px;color: white;}
    .not {font-family:Arial, sanz-serif; font-size:13px; margin: 10px; line-height:15px; }

    #cabecera {height:77px; text-align: left; background-color: none }

    #cabizq {background-color: white; width: 257px ; height:77px;float: left }
    #cabizq img {margin-top:17px; margin-bottom:18px}
    #cabder {width: 713px ; height:77px;float:right }
    #cabder1 {background-color:#E6E6E6; width: 513px ; height:77px;float:left }
    #cabder2 {margin-top:11px; margin-bottom:11px; background-color:white; width: 200px ; height:55px;float:right }

    #cuerpo {height:710px }

    #cueizq {height:710px; width:640px; float:left}
    #separador1 {height:25px; width:640px; background:silver; float:left}

    #separador2 {height:20px; width:640px; float:left}
    #separador2a {height:20px; width:315px; background:#E6E6E6; float:left}
    #separador2b {height:20px; width:315px; background:#E6E6E6; float:right;margin-left:10px;}

    #barra2a {height:115px;width:140px;float:left; margin-bottom: 10px}
    #barra2a img {margin-top: 15px}
    #barra2b {width:500px; height:115px;background:#0CAEFA; float:right; margin-bottom: 10px}

    #recmadre{height:220px;float:left}
    #recizq {height:220px;width:315px; float:left}
    #recder {height:220px;width:315px; margin-left:10px; float:right; background:; text-align: center}
    #recder img {margin-top:10px;margin-bottom:10px}

    #cueder {text-align: center; margin-left:20px; height:700px; width:310px; float:right; background:#0CAEFA}

    #separador3 {height:25px; width:970px; background:silver; float:left;}
    #graf {height:717px; width:970px; float:left;}
    #pie {height:25px; width:970px; background: silver; float:left}