Pie de pagina desplazado!

Sonny · 3 Dic 2010, 19:20 ·

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!

Yaneth · 3 Dic 2010, 19:24 ·

debes mostrarnos los codigos completos de html y css

saludos

Sonny · 3 Dic 2010, 19:34 ·

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

</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 · 3 Dic 2010, 19:41 ·

tienes esta linea de mas

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

solo debe ir la que tienes al inicio

saludos

Sonny · 3 Dic 2010, 19:49 ·

Sigue saliendo desplazado...

Yaneth · 3 Dic 2010, 19:59 ·

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 · 3 Dic 2010, 20:12 ·

Muchísimas gracias. Era eso :wink:

Sonny · 16 Dic 2010, 14:14 ·

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 · 16 Dic 2010, 23:46 ·

en cada ayuda que necesites

nosotros necesitamos ver los codigos completos
por si hubo cambios

saluidos

Sonny · 17 Dic 2010, 18:29 ·

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

</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 · 17 Dic 2010, 22:33 ·

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 · 17 Dic 2010, 23:04 ·

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 :)