Entrar

ayuda! mi pagina se ve fatal en firefox!

smgweb · · Solicitar retirada
Hola!
estoy haciendo mi pagina, aun no esta colgada por lo que no puedo daros direccion. en internet explorer se ve perfecta, sin embargo, en firefox se descuadran absolutamente todas las divs! si alguien me puede ayudar, decirme que anda mal, se lo agradeceria enormemente!

os dejo la pagina de codigos y de estilo

plantilla.html:

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

<html>
<head>

<title> </title>

<link rel="stylesheet" href="estilo-plantilla-gral.css" type="text/css" media="all">
</head>
<body>
<div id="global">

<div id="cabecera">
<div id="logo">[contenido no disponible]</div>
<div id="banner">[contenido no disponible]</div>
</div>


<div id="central">
<div id="menu">
<ul>
  • XXXX
  • XXXXX
  • XXXX
  • XXXXXX
  • XXXXX
  • XXXX
  • XXXX

    </div>
    <div id="contenido">
    <h1>Parte princial de la web</h1>


    Aqui deberian ir imagenes, informacion, links, etc..</p></div>
    </div>


    <div id="pie"></div>

    </div>
    </body>
    </html>

    hoja de estilos:

    img {border-style: none}
    p {text-indent: 15px ; margin: 3px 4px 3px 4px ; text-align : justify}
    #global {width: 800px}
    #banner {float: right ; widht: 650px ; height: 150px ; padding: 25px 132px 25px 0px }
    #cabecera {width: 800px ; background-color: navy; border-left: 1px solid black ; border-right: 1px solid black ; border-top: 1px solid black}
    #central {width: 800px ; background-color: #C6E2FF ; border-bottom: 1px solid black ; border-left: 1px solid black ; border-right: 1px solid black}
    #contenido {width: 468px ; ; height: 600px ; margin: 3px 2px 6px 0px ;background-color: #FFF7C7}
    #logo {padding: 15px ; width: 150px ; height:150px ; float: left}
    #menu {float: left ; text-align: left ; background-color: D9CAA9 ; margin: 2px}
    #menu li {list-style: none ;text-align: left}
    #pie {width: 800px ; background-color: #FFF7C7 ; border-left: 1px solid black ; border-right: 1px solid black ; border-bottom: 1px solid black}

    muchas gracias! estoy desesperado! lo he mirado todo y no encuentro el fallo
    • Yaneth · · Solicitar retirada
    Hola

    pues hay muchos fallos,

    primero no veo está linea que Jorgens nos ha pedido poner arriba de todo:

    * {text-indent:0px ;margin: 0px; padding: 0px; border: 0px}

    (que es para evitar que los diferentes navegadores nos pongan los margenes a su antojo)

    tambien te falta agregarle esto: margin:4px auto a la div global
    tendría que ser asi:

    #global {width: 800px; margin:4px auto }

    aqui hay otro fallo

    #banner {float: right ; widht: 650px ; height: 150px ; padding: 25px 132px 25px 0px }


    lo correcto es : width


    seguiré checando si encuentro algo te aviso

    saludos
    smgweb · · Solicitar retirada
    gracias! se me habian pasado por completo! sin embargo, se sigue viendo fatal en firefox, sabes porque puede ser? gracias de nuevo!
    Yaneth · · Solicitar retirada
    Como te digo, no has seguido el curso paso a paso

    de lo contrario no tendrías tantos problemas con eso

    uno, te recomiendo empezar de nuevo, pero ahora paso a paso, y sin saltarte nada

    Pero no te asustes, que no llevas prisa o si?
    el chiste es ir aprendiendo hasta entenderlo todo

    ya que si me lo pides, con gusto lo hago por ti,
    pero tendría que modificarte un monton de cosas, y lo más importante
    yo gano en experiencia, pero en un futuro no podrás arreglartelas solo

    asi que animo

    mira que yo he hecho la mía un monton de veces desde cero,

    cualquier cosa que decidas avisame

    saludos
    smgweb · · Solicitar retirada
    gracias! supongo que intentare volver a hacerla desde cero. el problema es que se supone que no la he hecho siguiendo el curso paso a paso a proposito, no deberia quedar como la del curso si no que tiene variaciones que en el internet explorer se ven bien pero que en el caso del firefox, no se que pasa, pero lee fatal todas las divs y las coloca donde le apetece. Voy a volver a intentar hacerlo con el nvu que su vista previa me dice como se ve en el firefox y ya te contare a ver que tal.
    gracias por tu paciencia!!