Problemas en el index

Por qué en el preview del index el div pie me sale alterado con respecto al resto de las páginas?
Es decir, en todas las demás el pie de página me aparece perfectamente en orden: pie uno, pie dos, pie tres; sin embargo en la página de Portada (index) el orden está alterado: pie uno, pie tres, pie dos.
Gracias :?:
Nunca es tarde para aprender
Enseñanos los codigos y lo miramos... mira que tener tres pies... cómo te pasó? je je je, es broma.

Pega al menos el codigo html de la index acá y lo miramos rapido. No creo que sea de la hoja de estilo.

Un abrazo! :D
Este es el código html de mi index. Si encontrais algun error, no os riais de mi (es broma) Gracias.
<!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>Página Oficial de la banda</title>
<link rel="stylesheet" href="estilo-general.css"
type="text/css" media="all">
</head>
<body>
<div id="global">
<div id="curva-superior"></div>

<div id="cabecera">
<div id="logotipo">[contenido no disponible]</div>
<div id="publicidad">Bienvenidos a mi Web-o</div></div>
<div id="navegacion"><ul>
  • Portada
  • Historia
  • Discografía
  • Conciertos
  • Descargas
  • Foro
  • Souvenirs</div>

    <div id="contenido">


    <h1>Bóveda de Limia: pasado, presente y futuro.</h1>


    Nos está costando, pero lo vamos a lograr. Estamos poniendo todo nuestro empeño, esfuerzo e ilusión para que esta página sea de vuestro agrado, que os resulte amena y disfruteis de ella tanto como nosotros estamos disfrutando creándola.</p>


    Queremos que conozcais la historia de nuestra aldea, sus costumbres, sus leyendas, su gente, su evolución a través del tiempo, etc. Esto para los que seais de otos lugares, y para los nativos para que recordeis y no perdais nunca la memoria de vuestras raices, quienes sois y de donde provenis.</p>

    <div id="pie">
    <div id="pieuno">
    <ul>
  • Foro Ejemplo
  • Contactos
  • Nos Enlazan
    </div>
    <div><div id="piedos">pie dos</div>
    <div id="pietres">
    <ul>
  • Directorio
  • TopSite
  • Mapa de la Web
    </div>
    </div>

    <div id="curva-inferior"></div>
    </div>
    </body>
    </html>
  • Nunca es tarde para aprender
    desmenuzemos

    <div id="pie">
    <div id="pieuno">
    <ul>
  • Foro Ejemplo
  • Contactos
  • Nos Enlazan
    </div>
    <div><div id="piedos">pie dos</div>
    <div id="pietres">
    <ul>
  • Directorio
  • TopSite
  • Mapa de la Web
    </div>
    </div>

    ya viste el fallo???

    como veràs te separè por colores, el iniciio y el fin de cada una de las capas

    y en naranja lo que te sobra

    saludos
  • He borrado lo que me sobraba, pero el problema persiste, La capa "pietres" me aparece antes que la capa "piedos" al previsualizar. Te envio el código de estilos generales por si ves algún fallo; aunque no debería ya que en el resto de las páginas aparece perfectamente.

    * {text-indent:0px ; margin:0px ; padding:0px ; border: 0px}
    p {text-align: justify}
    h1 {font-size: 1.2em; color: blue; font-weight: bold; text-decoration: underline; text-align: center}
    h2 {font-size: 1.1em; color: blue; font-weight: bold; text-decoratiom: none; text-align: center}
    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 20px 0px}
    #navegacion ul {margin-left: 150px}
    #contenido {background-color: orange ; border-left:black 1px solid; border-right: black 1px solid}
    #contenido p {padding: 5px 10px 5px 10px ; text-indent:15px}
    #menu {width: 150px ; float:left ; text-align:left ; margin: 3px 10px 3px 3px ; background-image: url(objetos/menu-parte-inferior.gif) ; background-position: bottom ; padding-bottom:5px}
    #menu h1{text-decoration: none ; font size: 12px ; background-image: url(objetos/menu-curva-superior.gif) ; padding-top:12px}
    #menu li {list-style:none ; margin: 4px 8px 4px 6px}
    #pie {background-color: white ; border-left: black 1px solid ; border-right: black 1px solid ; border-top: black 1px solid ; height: 65px}
    #pie li {list-style: none ; font-size: 12px}
    #pieuno {float:left ; width: 150px}
    #piedos {float:left ; width: 498px}
    #pietres {float:left ; width: 150px}
    #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 {}
    #pie a {color: blue; text-decoration: none; display: block}
    #pie a:link {}
    #pie a:visited {}
    #pie a:hover {color: black ; text-decoration: underline ; background-color: white}
    #pie a:active {color: black}
    #logotipo a {}
    #logotipo a:link {}
    #logotipo a:visited{}
    #logotipo a:hover {background-color: white}
    #logotipo a:active {}
    Nunca es tarde para aprender
    Si en el resto de páginas se ve bien el fallo ha de estar obviamente en el html de la que se ve mal, pues la hoja de estilo es comun a todas.

    Peganos el codigo html de la index en la que tienes ese fallo y lo vemos rapido, quizás moviste algo al corregir lo que te comentó Yaneth, o hay algún gazapo escondido aún... miraré mientras

    Esa Yaneth!!! siempre ayudando, que sol!!! je je

    Un abrazo fuerte! :wink: