Entrar

Pie de pagina desplazado!

Sonny · · Solicitar retirada
Al hacer vista previa en el Mozilla me sale el pie de página desplazado hacia la izquierda! Alguien podría ayudarme?

Esto es lo que tengo puesto en el CSS:
#pie {background-color: white ; border-left: black 1px solid ; border-right: black 1px solid ; border-top: black 1px solid ; height: 15px; font-size: 15px}.

Gracias!
Sonny · · Solicitar retirada
Este es el HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta content="text/html; charset=iso-8859-1" http-equiv=Content-Type>
<title>Agian...</title>
<link rel="stylesheet" href="reset.css" media="all" />
<link rel="stylesheet" href="estilos.css" type="text/css">
<!--[if IE]>
<link rel="STYLESHEET" type="text/css" href="estilos-ie.css" />
<!-->
</head>
<body>
<div id="global">

<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo">
<a href="index.html">
[contenido no disponible]
</a>
</div>
<div id="publicidad">Bienvenido a mi Web</div>
</div>
<div id="navegacion">
<ul>
  • Portada
  • Historia
  • Discografía
  • Conciertos
  • Descargas
  • Foro
  • Souvenirs

    </div>

    <div id="contenido">

    <div id="menu">
    <h1>Historia</h1>
    <ul>
  • Alejandro Sanz
  • Miembros
  • Formación Actual
  • Album de Fotos
    </div>

    <h1>Bienvenido a MusiKey</h1>


    MusiKey nace en 2010 con el fin de conseguir la página web de música definitiva. No es normal que no haya una sola página donde puedas pasarte el tiempo que quieras escuchando la música que quieres sin tener que perder tanto tiempo buscando canciones etcétera, por eso se creó MusiKey.</p>


    Pero conseguir eso no es una tarea fácil. Y mucho menos ahora que está dando sus primeros pasos. Por eso, tú que eres la persona que más se beneficiará de esta página tienes la posibilidad de ayudar a hacer una página web para todo el mundo que le guste la música y ¿a quién no le gusta la música?</p>


    La mejor manera de ayudar es proponiendo nuevos músicos o bandas para, poco a poco, ir incluyéndo en esta web sus canciones, letras, videos... ¡o lo que se os ocurra!</p>


    Así que relájate un poquito disfrutando con la música que más te guste y si te apetece colabora para mejorar este espacio que a partir de ahora espero que sea tuyo.</p>


    ¡Pásalo bien!</p>
    </div>

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

    <div id="curva-inferior"></div>
    </div>
    </body>
    </html>

    Y este el CSS:

    *{margin:0px ; padding:0px ; border: 0px}
    p {text-align: justify}
    h1 {font-size: 1.7em; color:blue ; font-weight: bold; text-decoration: underline ; text-align: center ; padding-top: 10px}
    body {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 {width:280px ; float:left }
    #publicidad {width:518px ; float:right ; margin-top:25px}
    #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: 60px }
    #contenido {background-color: orange ; border-left: black 1px solid ; border-right: black 1px solid ; height: 900px}
    #contenido p {padding:5px 10px 5px 160px ; text-indent: 30px}
    #menu {width: 150px ; float:left ; text-align:left ; margin: 15px 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) ; padding-top:12px}
    #discos {width: 200px ; float:left ; text-align:left ; padding-bottom:25px}
    #discos li {width: 600px ; float:left ; text-align:center ; margin: 0px 0px 0px 10px}
    #pie {background-color: white ; border-left: black 1px solid ; border-right: black 1px solid ; border-top: black 1px solid ; height: 15px; font-size: 15px}
    #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: block }
    a:link {}
    a:visited {}
    a:hover {color:red ; text-decoration:underline ; background-color: silver}
    a:active {}
    * {text-indent:0px ; margin:0px ; padding:0px ; border:0px }
    a.enlaceuno {color: brown ; text-decoration: none ; display: block }
    a.enlaceuno:link {}
    a.enlaceuno:visited {}
    a.enlaceuno:hover {color:red ; text-decoration:underline ; background-color: silver}
    a.enlaceuno:active {}
    #pie a {}
    #pie a:link {}
    #pie a:visited {}
    #pie a:hover {}
    #pie a:active {}
    #logotipo a {}
    #logotipo a:link {}
    #logotipo a:visited {}
    #logotipo a:hover {background-color: white }
    #logotipo a:active {}
    • Yaneth · · Solicitar retirada
    tienes esta linea de mas

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

    solo debe ir la que tienes al inicio

    saludos
    Yaneth · · Solicitar retirada
    ok

    te sobra un cierre de div en el html



    Así que relájate un poquito disfrutando con la música que más te guste y si te apetece colabora para mejorar este espacio que a partir de ahora espero que sea tuyo.</p>


    ¡Pásalo bien!</p>
    </div>

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

    saludos
    Sonny · · Solicitar retirada
    Hola, he seguido avanzando con la web y me ha vuelto a pasar lo del pie de página. Este vez me aparece en la parte alta de la web.

    Espero ayuda, muchas gracias
    Yaneth · · Solicitar retirada
    en cada ayuda que necesites

    nosotros necesitamos ver los codigos completos
    por si hubo cambios

    saluidos
    Sonny · · Solicitar retirada
    Disculpe

    HTML:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <html>
    <head>
    <meta content="text/html; charset=iso-8859-1" http-equiv=Content-Type>
    <title>Agian...</title>
    <link rel="stylesheet" href="../reset.css" media="all" />
    <link rel="stylesheet" href="../estilos.css" type="text/css">
    <!--[if IE]>
    <link rel="STYLESHEET" type="text/css" href="../estilos-ie.css" />
    <!-->
    </head>
    <body>
    <div id="global">

    <div id="curva-superior"></div>
    <div id="cabecera">
    <div id="logotipo">
    <a href="../index.html">
    [contenido no disponible]
    </a>
    </div>
    <div id="publicidad">Bienvenido a mi Web</div>
    </div>
    <div id="navegacion">
    <ul>
  • Portada
  • Historia
  • Discografía
  • Conciertos
  • Descargas
  • Foro
  • Souvenirs

    </div>

    <div id="contenido">

    <div id="menu">
    <h1>Autores</h1>
    <ul>
  • Alejandro Sanz
  • Miembros
  • Formación Actual
  • Album de Fotos
    </div>

    <h1>Alejandro Sanz</h1>
    <div id="discos" style="float:left; background-color: orange; width: 800px">
    <div id="menu-cd" style="float: left">
    <div id="caratula">
    [contenido no disponible]
    </div>
    <ul>
  • 1. Los chulos son pa'cuidarlos
  • 2. Tomasa
  • 3. El apartamento
  • 4. Se busca un lío
  • 5. Doña Marina
  • 6. Tom Sawyer
  • 7. Señor papá
  • 8. Cuando navegamos
  • 9. Micaela
  • 10. Ajaulilí
    </div>
    </div>
    <div id="discos" style="float:left; background-color: orange; width: 800px">
    <div id="menu-cd" style="float: left">
    <div id="caratula">
    [contenido no disponible]
    </div>
    <ul>
  • 1. Los dos cogidos de la mano
  • 2. Pisando fuerte
  • 3. Lo que fui es lo que soy
  • 4. Todo sigue igual
  • 5. Viviendo deprisa
  • 6. Se le apagó la luz
  • 7. Duelo al amanecer
  • 8. Completamente loca
  • 9. Toca para mí
  • 10. Es este amor
    </div>
    </div>
    <div id="discos" style="float:left; background-color: orange; width: 800px">
    <div id="menu-cd" style="float: left">
    <div id="caratula">
    [contenido no disponible]
    </div>
    <ul>
  • 1. Si tú me miras
  • 2. Tu letra podré acariciar
  • 3. El escaparate
  • 4. Cómo te echo de menos
  • 5. Cuando acabas tú
  • 6. Mi primera canción
  • 7. Vente al más allá
  • 8. Qué no te daría yo
  • 9. Este pobre mortal
  • 10. A golpes contra el calendario
    </div>
    </div>
    <div id="discos" style="float:left; background-color: orange; width: 800px">
    <div id="menu-cd" style="float: left">
    <div id="caratula">
    [contenido no disponible]
    </div>
    <ul>
  • 1. Mi primera canción
  • 2. Pisando fuerte
  • 3. Qué no te daría yo
  • 4. Si tú me miras
  • 5. Cómo te echo de menos
  • 6. Los dos cogidos de la mano
  • 7. Tu letra podré acariciar
  • 8. A golpes contra el calendario
  • 9. Se le apagó la luz
  • 10. Viviendo deprisa
    </div>
    </div>
    <div id="discos" style="float:left; background-color: orange; width: 800px">
    <div id="menu-cd" style="float: left">
    <div id="caratula">
    [contenido no disponible]
    </div>
    <ul>
  • 1. La fuerza del corazón
  • 2. Por bandera
  • 3. Mi soledad y yo
  • 4. Ellos son así
  • 5. Quiero morir en tu veneno
  • 6. ¿Lo ves?
  • 7. Canción sin emoción
  • 8. Eres mía
  • 9. Ese que me dio vida
  • 10. Se me olvidó todo al verte
  • 11. ¿Lo ves? (Piano y voz)
    </div>
    </div>
    <div id="discos" style="float:left; background-color: orange; width: 800px">
    <div id="menu-cd" style="float: left">
    <div id="caratula">
    [contenido no disponible]
    </div>
    <ul>
  • 1. Y, ¿si fuera ella?
  • 2. Ese último momento
  • 3. Corazón partío
  • 4. Siempre es de noche
  • 5. La margarita dijo no
  • 6. Hoy que no estás
  • 7. Un charquito de estrellas
  • 8. Amiga mía
  • 9. Si hay Dios...
  • 10. Aquello que me diste
    </div>
    </div>
    <div id="discos" style="float:left; background-color: orange; width: 800px">
    <div id="menu-cd" style="float: left">
    <div id="caratula">
    [contenido no disponible]
    </div>
    <ul>
  • 1. Cuando nadie me ve
  • 2. Hay un universo de pequeñas cosas
  • 3. Quisiera ser
  • 4. Para que me quieras
  • 5. Llega, llegó soledad
  • 6. El alma al aire
  • 7. Me iré
  • 8. Hicimos un trato
  • 9. Tiene que ser pecado
  • 10. Silencio
    </div>
    </div>
    <div id="discos" style="float:left; background-color: orange; width: 800px">
    <div id="menu-cd" style="float: left">
    <div id="caratula">
    [contenido no disponible]
    </div>
    <ul>
  • 1. Cuando nadie me ve
  • 2. Y sólo se me ocurre amarte
  • 3. Amiga mía
  • 4. Se le apagó la luz
  • 5. Quisiera ser
  • 6. Aprendiz
  • 7. Quiero morir en tu veneno
  • 8. Cómo te echo de menos
  • 9. Corazón partío
  • 10. Siempre es de noche
  • 11. Toca para mí
  • 12. Lo que fui es lo que soy
  • 13. Todo es de color
    </div>
    </div><div id="discos" style="float:left; background-color: orange; width: 800px">
    <div id="menu-cd" style="float: left">
    <div id="caratula">
    [contenido no disponible]
    </div>
    <ul>
  • 1. No es lo mismo
  • 2. Hoy llueve, hoy duele
  • 3. He sido tan feliz contigo
  • 4. Try to save your song
  • 5. Eso
  • 6. Labana
  • 7. Sandy a orilla do mundo
  • 8. 12 por 8
  • 9. Al olvido invito yo
  • 10. Regálame la silla donde te esperé
  • 11. Lo diré bajito
  • 12. Si, he cantado mal
    </div>
    </div>
    <div id="discos" style="float:left; background-color: orange; width: 800px">
    <div id="menu-cd" style="float: left">
    <div id="caratula">
    [contenido no disponible]
    </div>
    <ul>
  • 1. Enséñame tus manos
  • 2. A la primera persona
  • 3. Te lo agradezco, pero no
  • 4. Donde convergemos
  • 5. En la planta de tus pies
  • 6. La peleíta
  • 7. Se lo dices tú
  • 8. Se molestan
  • 9. Te quiero y te temo
  • 10. El tren de los momentos
    </div>
    </div>
    <div id="discos" style="float:left; background-color: orange; width: 800px">
    <div id="menu-cd" style="float: left">
    <div id="caratula">
    [contenido no disponible]
    </div>
    <ul>
  • 1. Mi Peter Punk
  • 2. Desde cuando
  • 3. Looking for paradise
  • 4. Yo hice llorar hasta a los ángeles
  • 5. Sin que se note
  • 6. Lola soledad
  • 7. Pero esta tarde no te vas
  • 8. Mala
  • 9. Tú no tienes la culpa
  • 10. Nuestro amor será leyenda
    </div>
    </div>
    </div>

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

    <div id="curva-inferior">
    </div>
    </div>
    </body>
    </html>


    CSS:

    *{margin:0px ; padding:0px ; border: 0px}
    p {text-align: left}
    h1 {font-size: 1.7em; color:blue ; font-weight: bold; text-decoration: underline ; text-align: center ; padding-top: 10px}
    body {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 {width:280px ; float:left }
    #publicidad {width:518px ; float:right ; margin-top:25px}
    #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: 60px }
    #contenido {background-color: orange ; border-left: black 1px solid ; border-right: black 1px solid}
    #contenido p {padding:0px 10px 5px 160px ; text-indent: 30px}
    #menu {width: 150px ; float:left ; text-align:left ; margin: 15px 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) ; padding-top:12px}
    #discos {width: 800px ; float:left ; tex-align: left ; background-color: orange ; padding-bottom: 20px}
    #discos li {text-align: left ; padding-left: 127px}
    #menu-cd {float: left ; padding-left: 160px}
    #caratula {float: left}
    #pie {background-color: white ; border-left: black 1px solid ; border-right: black 1px solid ; border-top: black 1px solid ; list-style: none}
    #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: block }
    a:link {}
    a:visited {}
    a:hover {color:black ; text-decoration:bold ; background-color: none}
    a:active {}
    a.enlaceuno {color: brown ; text-decoration: none ; display: block }
    a.enlaceuno:link {}
    a.enlaceuno:visited {}
    a.enlaceuno:hover {color:black ; text-decoration:bold ; background-color: none}
    a.enlaceuno:active {}
    #pie a {}
    #pie a:link {}
    #pie a:visited {}
    #pie a:hover {}
    #pie a:active {}
    #logotipo a {}
    #logotipo a:link {}
    #logotipo a:visited {}
    #logotipo a:hover {background-color: white }
    #logotipo a:active {}
    #discos a {}
    #discos a:link {}
    #discos a:visited {}
    #discos a:hover {color:black ; text-decoration:bold ; background-color: none}
    #discos a:active {}
    • Yaneth · · Solicitar retirada
    mmm

    crei que ya te habia respondido
    pero veo que no....

    no habrás duplicado el post???? jeje
    o yo me estoy volviendo loca

    bueno, en cualquiera de los dos casos va de nuevo

    te falta cerrar div contenido

    slaudos
    Sonny · · Solicitar retirada
    La culpa es mia. Abrí el otro post para encontrar ayuda para mi página en general.
    En éste en cambio me centré en el problema que tuve con el pie de página al principio...

    Por cierto, no entiendo donde tengo que ponerle el cierre. He probado poniendo cierres en la "parte baja" del código, probando diferentes sitios y no me sale bien en Mozilla (en la Preview del HTML-Kit se ve bien).
    Podrías decirme donde es exactamente?

    Gracias y siento el mareo :)