Entrar

Pagina descolocada en firefox

Chesster · · Solicitar retirada
Muy buenas a todos.
Hace tiempo que no paso por aqui, pero estoy haciendo una pagina para un amigo y que mejor sitio para volver a aprender que este.

Bueno el tema es que tengo la pagina creada y en firefox me sale toda descolocada mientras que en explorer me sale ok.

Que hago mal???????
a continuacion os mando lo que he hecho:

HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>Morman, Estudios Técnicos</title>
<link rel="stylesheet" href="estilos.css" type="text/css" media="all">
</head>
<body>
<div id="global">
<div id="cabecera">
<div id="logotipo">

MORMAN</p></div>
<div id="publicidad">[contenido no disponible]</div>
<div id="menu"><ul>
  • Quienes somos
  • A quien nos dirigimos
  • Que ofrecemos
  • Contacta con nosotros
  • Donde estamos</div>
    </div>
    <div id="navegacion">
    <div id="inglaterra">[contenido no disponible]</div>
    <div id="italia">[contenido no disponible]</div>
    <div id="espana">[contenido no disponible]</div>
    </div>
    <div id="contenido">
    <div id="imagen">[contenido no disponible]</div>
    <h1>Quienes somos</h1>


    Morman, Estudios Técnicos es una empresa formada por un equipo técnico con experiencia en diversas ramas del sector de la construcción, especializándonos en la elaboración de estudios técnicos para licitaciones de obras, control de costes, proyectos completos de instalaciones y sus legalizaciones.</p>


    </p>


    Al mismo tiempo desarrollamos estudios y proyectos de instalaciones con energías alternativas a las tradicionales ofreciendo productos innovadores que se están substituyendo a los métodos tradicionales de concebir la gestión de la energía.</p>
    </div>
    <div id="pie">

    Morman, Estudios Técnicos</p></div>
    </div>
    </body>
    </html>


    CSS:

    * {margin:0px ; padding:0px ; border: 0px}
    body {background-color: #9FB6CD}
    body {text-align: center}
    h1 {font-size: 1.2em; color:black ; font-family:arial; font-weight: bold ; text-decoration: underline ; text-align: center; padding: 40px 0px 20px 0px}
    h2 {font.size: 1.1em; color:black ; font-weight: bold ; text-decoration: none ; text-align: left}
    a {color: black; font-size:0.8em ; text-decoration: none; display: block}
    a:link {color: black; font-size:0.8em ; text-decoration: none; display: block}
    a:visited {}
    a:hover {color: red; font-size:0.8em ; text-decoration: underline; display: block}
    a:active {color: brown; font-size:0.8em ; text-decoration: none; display: block}
    p {text-align: justify}
    #global {width:800px ; margin: 4px auto }
    #cabecera {background-color: #9FB6CD; height:100px }
    #logotipo {background-color:blue; width:200px; float:top; float: left; height:100px}
    #logotipo p {margin: 100px 10px 10px 15px; font-family: Arial Black; color:white; font-style:normal; font-size:32px; font-weight:900}
    #menu {background-color: #E0EEE0; width: 125px ; float:left ; text-align:left; margin:23px 10px 10px 35px}
    #menu li {list-style:none ; margin: 4px 0px 4px 6px; font-family: arial; font-size: 0.8em}
    #publicidad {background-color: #9FB6CD ; width:550px; height:100px; float:right}
    #navegacion {background-color: #E0EEE0; width: 800px; height: 30px}
    #inglaterra {background-color: #E0EEE0; width: 30px; height: 30px; float: right; padding:5px 0px 5px 0px; margin: 0px 30px 0px 0px}
    #italia {background-color: #E0EEE0; width: 30px; height: 30px; float: right; padding:5px 0px 5px 0px; margin: 0px 30px 0px 0px}
    #espana {background-color: #E0EEE0; width: 30px; height: 30px; float: right; padding:5px 0px 5px 0px; margin: 0px 30px 0px 0px}
    #contenido {background-color: white; width: 800px ; float:left; padding: 0px 0px 20px 0px}
    #contenido p {padding: 10px 50px 0px 80px; font-family:arial}
    #imagen {background-color: blue; width: 200px ; float:left; margin: 0px 20px 20px 0px}
    #pie {background-color: #E0EEE0}
    #pie p {font-family: arial; font-size: 0.7em; text-align: right; margin-right: 15px}


    Seguro que para vosotros sera muy facil resolverlo pero es que estoy atascado y realmente no tengo ni idea.

    Un saludo y muchisismas gracias.
    • marcosarvalo · · Solicitar retirada
    hola, a ver si puedo resolver tu duda, aunque este post, ya esta muy comentado.
    Todo es por culpa de las alturas (height), IE lo hace automaticamente, pero Firefox no, asi que todo se te corregira si modificas las alturas. Prueba a ver, aumentalas y veras como todo se te va colocando,
    Un saludo.
    Chesster · · Solicitar retirada
    Muchas gracias por tu ayuda, pero todavia sigue descolocado el pie de pagina y no encuentro el por que.

    He puesto todas las alturas correctas y me sigue saliendo el pie en la parte de arriba.

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

    <html>
    <head>
    <title>Morman, Estudios Técnicos</title>
    <link rel="stylesheet" href="estilos.css" type="text/css" media="all">
    </head>
    <body>
    <div id="global">
    <div id="cabecera">
    <div id="logotipo">

    MORMAN</p></div>
    <div id="proyecto">[contenido no disponible]</div>
    <div id="menu"><ul>
  • Quienes somos
  • A quien nos dirigimos
  • Que ofrecemos
  • Contacta con nosotros
  • Donde estamos</div>
    </div>
    <div id="navegacion">
    <div id="inglaterra">[contenido no disponible]</div>
    <div id="italia">[contenido no disponible]</div>
    <div id="espana">[contenido no disponible]</div>
    </div>
    <div id="contenido">
    <div id="imagen">[contenido no disponible]</div>
    <h1>Quienes somos</h1>


    Morman, Estudios Técnicos es una empresa formada por un equipo técnico con experiencia en diversas ramas del sector de la construcción, especializándonos en la elaboración de estudios técnicos para licitaciones de obras, control de costes, proyectos completos de instalaciones y sus legalizaciones.</p>


    Al mismo tiempo desarrollamos estudios y proyectos de instalaciones con energías alternativas a las tradicionales ofreciendo productos innovadores que se están substituyendo a los métodos tradicionales de concebir la gestión de la energía.</p>
    </div>
    <div id="pie">
    [contenido no disponible]


    Morman, Estudios Técnicos</p>
    </div>
    </body>
    </html>


    * {margin:0px ; padding:0px ; border: 0px}
    body {background-color: #9FB6CD}
    body {text-align: center}
    h1 {font-size: 1.2em; color:black ; font-family:arial; font-weight: bold ; text-decoration: underline ; text-align: center; padding: 40px 0px 20px 0px}
    h2 {font.size: 1.1em; color:black ; font-weight: bold ; text-decoration: none ; text-align: left}
    a {color: black; font-size:0.8em ; text-decoration: none; display: block}
    a:link {color: black; font-size:0.8em ; text-decoration: none; display: block}
    a:visited {}
    a:hover {color: red; font-size:0.8em ; text-decoration: underline; display: block}
    a:active {color: brown; font-size:0.8em ; text-decoration: none; display: block}
    p {text-align: justify}
    #global {width:800px ; margin: 4px auto }
    #cabecera {background-color: #9FB6CD; width: 800px; height:320px}
    #logotipo {background-color:blue; width:200px; float:top; float: left}
    #logotipo p {margin: 100px 10px 10px 15px; font-family: Arial Black; color:white; font-style:normal; font-size:32px; font-weight:900}
    #menu {background-color: #E0EEE0; width: 125px; height:100px ; float:left ; text-align:left; margin:23px 10px 10px 35px}
    #menu li {list-style:none ; margin: 4px 0px 0px 6px; font-family: arial; font-size: 0.8em}
    #proyecto {background-color: #9FB6CD ; width:550px; height:320px; float:right}
    #navegacion {background-color: #E0EEE0; width: 800px; height: 30px}
    #inglaterra {background-color: #E0EEE0; width: 30px; height: 30px; float: right; padding:5px 0px 5px 0px; margin: 0px 30px 0px 0px}
    #italia {background-color: #E0EEE0; width: 30px; height: 30px; float: right; padding:5px 0px 5px 0px; margin: 0px 30px 0px 0px}
    #espana {background-color: #E0EEE0; width: 30px; height: 30px; float: right; padding:5px 0px 5px 0px; margin: 0px 30px 0px 0px}
    #imagen {background-color: blue; width: 280px; height:190px ; float:left; margin: 0px 20px 20px 0px}
    #contenido {background-color: white; width: 800px; height:300px ; float:left; padding: 0px 0px 20px 0px}
    #contenido p {padding: 10px 50px 0px 80px; font-family:arial}
    #pie {background-color: blue; width: 800px; height: 30px; float:bottom}
    #pie p {font-family: arial; font-size: 0.7em; text-align: right; margin-right: 15px}

    a ver si me podeis ayudar.
    • marcosarvalo · · Solicitar retirada
    el pie te sale arriba, yo nose, pero tu pie sale abajo, por lo menos en mi diseñador web, lo que tu tienes de pie, sale de pie, nose,