Ayuda con los codigos

Alguien puede ayudarme a corregir estos codigos para que la página se vea bien?

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>
  • Origen
  • 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>
    <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>
    <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>
    </div>

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

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


    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}
    #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: 800px ; float:left ; text-align:left ; background-color: orange ; padding-bottom: 25px}
    #discos li {text-align:left ; margin-left: 135px}
    #menu-cd {float: left ; padding-left: 160px}
    #caratula {float: left}
    #pie {width: 800px ; 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: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 {}

    Espero que alguien se anime. Muchas gracias
  • eit, danos pistas

    dinos, que es lo que se mira mal, y asi podremos arreglar

    saludos
    mnmm

    tienes mal los codigos

    contenido mide 800 de ancho
    luego tienes menu con 150 de ancho
    luego metes un div que se supone debe estar a un lado de menu, y mide tambien 800 de ancho, por eso se baja

    aqui tienes tres cierres de 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>

    podrias decirme de que es cada uno de ellos????
  • Entonces con ponerle al div de al lado del menú lateral menos width y ponerle un margen a la izquierda conseguiría lo que quiero?

    Coloqué esos cierres para cada 1 de los divs abiertos anteriormente: discos, menú y caratula.

    Gracias! :)
    Buenas,

    he variado algo en los códigos y he conseguido "alinear" los albumes pero me sigue saliendo todo muy mal situado.

    Espero que me puedan echar una mano por favor, me encantaría poder finalizar mi web.

    Gracias
    Perdon por no ponerlos.

    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 universp 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 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:20px ; 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 {}

    Gracias por tu tiempo y paciencia Yaneth
  • cerraste contenido???

    a mi ya no me daba fallos

    vuelve a pegar los codigos
    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><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 {}
  • en la linea 103
    tienes un cierre de mas

    jeje

    </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><div id="discos" style="float:le

    saludos
  • Poniendo el código así, mejora algo pero el pie de página aparece en la parte superior de la página.

    <!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 id="pie">
    MusiKey
    </div>

    <div id="curva-inferior">
    </div>
    </div>
    </body>
    </html>
  • de nuevo te falta el cierre de contenido

    aqui te pego lo que agregué

    <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>
    <!-- FIN CODIG

    y aqui te pego tooodo tu html para que lo mires

    <!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="ayuda2.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>

    cualquier cosa aqui sigo


    :wink:
  • En la vista previa en Mozilla me sigue saliendo el pie de página justo ocupando el mismo espacio que el menú lateral.

    Gracias por tu colaboración :wink:
    Hola eze_2493,
    ya he probado con eso pero no he conseguido. Además he puesto la misma linea #pie que en otras paginas y también me sale el problema.

    Yo creo que tiene algo que ver con el menú lateral o el contenido, porque justo me aparece en ese troco, el que ocupa el menu lateral.

    Gracias por colaborar
    es que, ya antes te habia comentado, que justo ahi tienes un error

    lo que deberias hacer es

    crear un div que mida de ancho lo que queda, entre menu lateral y contenido 800-150=650

    crea un div de 640px de ancho, y en ese div es donde pondrás todos los discos, asi no se desbordará con el menu lateral

    saludos
    No se que estaré haciendo mal, perdonad mi ignorancia, en serio...
    Le he llamado al div que me has dicho "relleno" y le he dado 650 px, como tu me has dicho. Sigo teniendo el mismo problema en la vista previa del mozilla...
    El pie de página me aparece justo debajo del h1 (Alejandro Sanz) y los discos "respetan" un hueco que no quiero con el menu lateral...

    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="relleno">
    <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>

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

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

    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}
    #contenido p {padding:0px 10px 5px 160px ; text-indent: 30px}
    #relleno {width: 650px}
    #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 ; height: 20px }
    #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 {}

    Gracias de verdad por vuestr tiempo
  • He modificado el código y por fin lo he conseguido eh.

    Gracias por el tiempo.