MI PAGINA WEB SE VE DIFERENTE en EXPLORE 7 Y EN MOZILLA

Buenas noches/ tardes/dia

He creado mi página, pero despues de tanto esfuerzo veo que en el explore 7 se ve de una manera y en MOZILLA muy mal. por favor alguien podría decirme que debo hacer para que mi pagina se vea igual en todos los exploradores.

mi pagina es http://geologiayalgomas.getenjoyment.net

y aunque la página html y la de estilo son muy extensas las pongo para que me veais el error. Gracias de antemano les agradezco un mundo

Jenny

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Page title</title>
<link rel="stylesheet"href="estilos-general.css" type="text/css"media="all">
<link rel="stylesheet"href="estilo-menu-desplegable.css" type="text/css"media="all">
<script language="javascript" src="no-tocar.txt" type="text/javascript"></script>
<script language="javascript" src="numero-de-menus.txt" type="text/javascript"></script>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body onload="init();">
<div id="global">

<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo">
<a href="index.html">
[contenido no disponible]
alt="Haz clic aquí para volver a la página de inicio">
</a>
</div>
<div id="plubicidad">Bienvenidos a mi Web</div>
<div id="plubicidad">Jenny Estupiñán</div>
</div>
<div id="navegacion">
<ul>
  • Ecuador
  • España
  • México
  • Varios

    </div>

    <div id="contenido">

    <div id="menu">
    <h1>Artículos publicados</h1>
    <ul>
  • Diagénesis y
  • Rasgos geol.
  • Estratigrafía
  • Carb Cement
  • Historia Térmica
  • Reservoir
  • I.B.F.Geológicas
  • Geoquímica
  • G.con las ciencias

    </div>

    <h1>GEOLOGIA "La base para entender la historia de nuestro universo"</h1>
    </p>


    INTRODUCCIÓN</P>


    La Geología es la ciencia que nos enseña a entender la evolución del universo y de la vida, todo lo que
    nos rodea en este gran sistema y que día a día convivimos y en muchas ocaciones sin prestar atención, forma parte de nuestros
    inicios. La formación de nuestro sistema solar hasta la aparición de nuestros primeros ancestros todo ello se
    engloba en una ciencia que es la Geología.
    En ésta página, encontrarán conceptos básicas de geología y sobre todo la experiencia de diferentes
    trabajos realizados por la autora. Espero que disfruten de la lectura y del maravilloso mundo de la Geología.



    Si prestamos atención al tiempo nos damos cuenta que es relativo, es tan corto para los humanos y tan
    largo y extenso en el inicio del sistema de la vida. Tan vasto es el lapso registrado en la historia de la tierra
    que generalmente, se la distingue de las más modestas clases de tiempo asignándole el nombre de "Tiempo Geológico"
    (Leet y Judson,1977).</p>
    <h2>Minerales en las rocas</h2>


    En la naturaleza existen tres tipos de rocas: Las rocas Igneas, Las metamórficas y las sedimentarias. Los minerales son los constituyentes
    sólidos de éstas clases de rocas. Cada mineral se caracteriza por tener una estructura, un color, una composición química propia del
    mineral, la dureza (ver1) el peso específico, el clivaje entre otros</p>
    <h3>Historia Geológica</h3>


    Quizás, una de las hipótesis más importantes en la historia de nuestro universo está comprendido en el tema de la evolución de
    la tierra y de nuestra galaxia. Es fascinate transportar nuestra inmaginación a lo que aconteció hace miles de millones de años y comprender
    como se formó el universo.Investigadores se remontan a 3600 millones de años que corresponden a las rocas más antiguas del planeta
    que aconteció antes, son incógnitas que hasta ahora no se han resuelto

    </div>

    <div id="pie">
    <div id="pieuno">
    <ul>
  • Foro Ejemplo
  • Contactos
  • Nos Enlazan

    </div>
    <div id="piedos">pie dos</div>
    <div id="pietres">
    <ul>
  • Directorio
  • TopSite
  • Mapa de la Web

    </div>
    </div>

    <div id="curva-inferior"></div>
    </div>
    <script language="javascript" src="definir-menus.txt" type="text/javascript"></script>
    </body>
    </html>


    pagina de estilo

    * {text-indent:0px;margin:0px;padding:0px;border:0px}
    p{text-align:justify}
    h1{font-size:1.2em;color:blue;font-weight:bold;text-decoration:underline;text-align:center}
    h2{font-size:1.1em;color:blue;font-weight:bold;text-decoration:none;text-align:center}
    h3{font-size:1.2em;color:blue;font-weight:bold;text-decoration:none;text-align:center}
    body {background-color:#E6E6FA;text-align:center}
    #global {width:800px;margin:4px auto}
    #curva-superior{background-image:url(objetos/curva-superior.gif);background-repeat:no-repeat;width:800px;height:12px;overflow:hidden}
    #cabecera {background-color:white;border-left:black 1px solid;border-right:black 1px solid;height:85px}
    #logotipo{background-color:brown;width:250px;float:left}
    #publicidad{background-color:blue;width:490px;float:left;margin-top:30px;font-size:30px}
    #navegacion {background-color:gray;border:black 1px solid;height:20px}
    #navegacion li{float:left;list-style:none; margin:0px 20px 0px 20px}
    #navegacion ul {margin-left: 180px}
    #contenido {background-color:orange;border-left:black 1px solid;border-right:black
    1px solid;border-right:black 1px solid}
    #contenido p {margin: 5px 10px 0px 10px ; text-indent: 15px}
    #menu{background-color:yellow;with:150px;float:left;text-align:left;margin:3px 10px 3px 3px;
    background-image: url(objetos/menu-parte-inferior.gif);
    background-position: bottom;padding-bottom:5px}
    #menu li {list-style:none; margin:4px 8px 4px 6px}
    #menu h1{text-decoration:none ; font-size:12px;background-image:url(objetos/menu-parte-superior.gif)}
    #pie {background-color:white;border-left:black 1px solid;border-right:black 1px solid;
    border-top:black 1px solid;height:65px;}
    #curva-inferior{background-image:url(objetos/curva-inferior.gif);background-repeat:no-repeat;width:800px;height:12px;overflow:hidden}
    a {color:brown;text-decoration:none;display:normal}
    a:link {}
    a:hover{color:red;text-decoration:underline;background-color:grey}
    #pie {border-left:black 1px solid;
    border-rigth:black 1px solid;
    border-top:black 1px solid;height:65px;}
    #pie li {list-style:none;font-size:14px}
    #pieuno {float:left;width:150px;border-rigth:black1px solid}
    #pie li {list-style:none;font-size:14px}
    #piedos {float:left;width:498px;background-color:silver}
    #pie li {list-style:none;font-size:12px}
    #pietres{float:left;width:150px;border-left:black 1px solid}
    #pie li {list-style:none;font-size:12px}
    a.enlaceuno {}
    a.enlaceuno:link {}
    a.enlaceuno:visited{}
    a.enlaceuno.hover{}
    a.enlaceuno.active{}
    #pie a {color:blue;text-decoration:none;display:block}
    #pie a:link {}
    #pie a:visited {}
    #pie a:hover{color:black; text-decoration:underline;background-color: white}
    #pie a:active {color:black}
    #logotipo a {}
    #logotipo a:link {}
    #logotipo a:visited {}
    #logotipo a:hover {background-color:white}
    #logotipo a:active {}
  • Hola, este es un error que nos pasa a todos, yo me volvi loco hasta dar con la solución.
    La solución esta en ir jugando con las alturas (height) de cada capa, IE las coje automaticamente, sin embargo Mozilla no, asi que dale mas alturas.
    Algunas veces, quitando la altura se automatiza, y si lo sigues viendo mal, pon la altura tu. Juega con ella y veras como se te arregla.
    Un saludo
    El problemas es que el explorer pasa de todo y tiene sus propias ideas...... no respeta los estandares, y claro pasa lo que pasa... no solo afecta a las alturas de las capas, sino a los margin, padding, etiquetas de titulo como h1..., los parrafos, etc, ....

    La solucion para mi es resetear todo a cero para que el control sea tuyo y no del navegador, pero incluso asi en algunos casos tendras que usar los llamados hacks u otras historias....