Entrar

Hola. Solucionados 2 problemas me falta uno

liliana cristina alzate · · Solicitar retirada
Hola nuevamente, y gracias a Raulyure por su ayuda, le cuento que antes habia hecho lo que usted me dijo de ir a la carpeta objetos y grabar nuevamente lo de los menu superior curva y el otro archivo, pero no habia resultado; y lo que pasa es que habia cometido un erro y era que le estaba dando un nombre diferente a menu-parte-inferior, o llamaba era menu-curva-inferior, y entonces por ello no logroba el efecto deseado, usted me hizo caer encuenta de este error ; muchas gracias.

Lo del color azul de las palabaras del piede pagina que no se me arreglaban era porque habia que cambiar esta linea tambien, y yo no o habia hecho:
a {color: blue ; text-decoration:none ; display: ,

Sigo con el mismo problema de la parte lateral de mi pagina que sigue descuadrada, y los bordes inferiores de la misma, que al final quedan unas lineas sobrantes. Espero que tanto usted Raulyure y otras personas me sigan dando pistas para solucionarlo. Gracias

htt://flaca41.onlinewebshop.net

Palntilla:
<!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>xxxxxxxxxxxxxxxx</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</div>
</div>
<div id="navegacion">
<ul>
  • Sección 1
  • Sección 2
  • Sección 3
  • Sección 4

    </div>
    <div id="contenido">
    <div id="menu">
    <h1>Titulo de Seccion 1</h1>
    <ul>
  • Enlace 1
  • Enlace 2
  • Enlace 3
  • Enlace 4
    </div>
    <h1>xxxxxxxxxxxxxxxxxxxxx</h1>


    xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</p>
    <h2>xxxxxxxxxxxxxxxxxxxxxxxx</h2>

    xxxxxxxxxxxxxxxxxxxxxxxxxxx</p>


    xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</p>


    xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</p>
    </div>
    <div id="pie">
    <div id="pieuno">
    <ul>
  • Foro Ejemplo
  • Contactos
  • Nos Enlazan

    </div>
    <div id="piedos">pie dos</div>
    <div id="pietres">
    <ul>
  • Directorio
  • TopSite
  • Mapa de la Web

    </div>
    <div id="curva-inferior"></div>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    </div>
    </body>
    </html>
    Hoja de estilos:
    * {text-indent:Opx ; 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-decoration: 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}
    #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: 180px }
    #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 {background-color: white ; 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 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-bottom:12px }
    #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 {background-color: brown ; float:left ; width:150px ; background-color: white}
    #piedos {background-color: green ; float:left ; width:498px ; background-color: white}
    #pietres {background-color: red ; float:left ; width:150px ; background-color: white}
    #curva-inferior { background-image: url(objetos/curva-inferior.gif) ;
    background-repeat: no-repeat ;
    width: 800px ;
    height:12px ;
    overflow: hidden }
    a {color: blue ; text-decoration:none ; display:
    block }
    a:link {}
    a:visited {}
    a:hover {color:red ; text-decoration: underline ; background-color: silver}
    a:active {}
    #logotipo { width:280px ; float:left }
    #publicidad { width:518px ; float:right ; margin-top:25px ; font-size: 16px }
    ...........
    #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 {}
    • Raulyure · · Solicitar retirada
    liliana cristina alzate escribió:Hola nuevamente, y gracias a Raulyure por su ayuda, le cuento que antes habia hecho lo que usted me dijo de ir a la carpeta objetos y grabar nuevamente lo de los menu superior curva y el otro archivo, pero no habia resultado; y lo que pasa es que habia cometido un erro y era que le estaba dando un nombre diferente a menu-parte-inferior, o llamaba era menu-curva-inferior, y entonces por ello no logroba el efecto deseado, usted me hizo caer encuenta de este error ; muchas gracias.

    Lo del color azul de las palabaras del piede pagina que no se me arreglaban era porque habia que cambiar esta linea tambien, y yo no o habia hecho:
    a {color: blue ; text-decoration:none ; display: ,

    Sigo con el mismo problema de la parte lateral de mi pagina que sigue descuadrada, y los bordes inferiores de la misma, que al final quedan unas lineas sobrantes. Espero que tanto usted Raulyure y otras personas me sigan dando pistas para solucionarlo. Gracias

    htt://flaca41.onlinewebshop.net

    Palntilla:
    <!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>xxxxxxxxxxxxxxxx</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</div>
    </div>
    <div id="navegacion">
    <ul>
  • Sección 1
  • Sección 2
  • Sección 3
  • Sección 4

    </div>
    <div id="contenido">
    <div id="menu">
    <h1>Titulo de Seccion 1</h1>
    <ul>
  • Enlace 1
  • Enlace 2
  • Enlace 3
  • Enlace 4
    </div>
    <h1>xxxxxxxxxxxxxxxxxxxxx</h1>


    xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</p>
    <h2>xxxxxxxxxxxxxxxxxxxxxxxx</h2>

    xxxxxxxxxxxxxxxxxxxxxxxxxxx</p>


    xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</p>


    xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</p>
    </div>
    <div id="pie">
    <div id="pieuno">
    <ul>
  • Foro Ejemplo
  • Contactos
  • Nos Enlazan

    </div>
    <div id="piedos">pie dos</div>
    <div id="pietres">
    <ul>
  • Directorio
  • TopSite
  • Mapa de la Web

    </div>
    <div id="curva-inferior"></div>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    </div>
    </body>
    </html>
    Hoja de estilos:
    * {text-indent:Opx ; 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-decoration: 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}
    #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: 180px }
    #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 {background-color: white ; 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 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-bottom:12px }
    #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 {background-color: brown ; float:left ; width:150px ; background-color: white}
    #piedos {background-color: green ; float:left ; width:498px ; background-color: white}
    #pietres {background-color: red ; float:left ; width:150px ; background-color: white}
    #curva-inferior { background-image: url(objetos/curva-inferior.gif) ;
    background-repeat: no-repeat ;
    width: 800px ;
    height:12px ;
    overflow: hidden }
    a {color: blue ; text-decoration:none ; display:
    block }
    a:link {}
    a:visited {}
    a:hover {color:red ; text-decoration: underline ; background-color: silver}
    a:active {}
    #logotipo { width:280px ; float:left }
    #publicidad { width:518px ; float:right ; margin-top:25px ; font-size: 16px }
    ...........
    #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 {}

    • hola:
    Ya veremos como podemos solucionar todo eso, pero por ahora si esos son realmente los códigos que tiene usted en su hoja de estilo general, fíjese bien justo allí en la primera línea, (la del asterisco), allí en text-indent usted no le ha puesto cero píxel ( opx ), sino que le a puesto la letra O mayúscula.

    Tiene allí que poner un cero.

    Saludos
    Agradecido de los que aprenden enseñando
    Raulyure · · Solicitar retirada
    liliana cristina alzate escribió:Hola nuevamente, y gracias a Raulyure por su ayuda, le cuento que antes habia hecho lo que usted me dijo de ir a la carpeta objetos y grabar nuevamente lo de los menu superior curva y el otro archivo, pero no habia resultado; y lo que pasa es que habia cometido un erro y era que le estaba dando un nombre diferente a menu-parte-inferior, o llamaba era menu-curva-inferior, y entonces por ello no logroba el efecto deseado, usted me hizo caer encuenta de este error ; muchas gracias.

    Lo del color azul de las palabaras del piede pagina que no se me arreglaban era porque habia que cambiar esta linea tambien, y yo no o habia hecho:
    a {color: blue ; text-decoration:none ; display: ,

    Sigo con el mismo problema de la parte lateral de mi pagina que sigue descuadrada, y los bordes inferiores de la misma, que al final quedan unas lineas sobrantes. Espero que tanto usted Raulyure y otras personas me sigan dando pistas para solucionarlo. Gracias

    http://flaca41.onlinewebshop.net

    Plantilla:
    <!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>xxxxxxxxxxxxxxxx</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</div>
    </div>
    <div id="navegacion">
    <ul>
  • Sección 1
  • Sección 2
  • Sección 3
  • Sección 4

    </div>
    <div id="contenido">
    <div id="menu">
    <h1>Titulo de Seccion 1</h1>
    <ul>
  • Enlace 1
  • Enlace 2
  • Enlace 3
  • Enlace 4
    </div>
    <h1>xxxxxxxxxxxxxxxxxxxxx</h1>


    xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</p>
    <h2>xxxxxxxxxxxxxxxxxxxxxxxx</h2>

    xxxxxxxxxxxxxxxxxxxxxxxxxxx</p>


    xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</p>


    xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</p>
    </div>
    <div id="pie">
    <div id="pieuno">
    <ul>
  • Foro Ejemplo
  • Contactos
  • Nos Enlazan

    </div>
    <div id="piedos">pie dos</div>
    <div id="pietres">
    <ul>
  • Directorio
  • TopSite
  • Mapa de la Web

    </div>
    <div id="curva-inferior"></div>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    </div>
    </body>
    </html>

    • Hola nuevamente.

    Le sugiero que cuando ponga códigos en su página o en su hoja de estilo, trate de no copiar y pegar sino que escríbalos, porque los ordenadores y sus navegadores a veces no reconocen un código que ha sido copiado de una parte y pegado en otra.

    Usted tiene en su hoja de estilo algunos pequeños errorcillos que tiene que ir mejorando.

    Como le dije anteriormente allí en el asterisco el text-indent es 0px (cero px)

    Siguiendo hacia abajo allí en el h2 es font-size no es font.size (ese es un pequeño errorcillo en el curso)

    Luego (solo para que lo sepa, aunque le recomiendo que lo haga) la imagen del logotipo que usted se bajó no coincide con la capa creada en la capa logotipo, porque la imagen que se bajó mide de width solo 247 px y de height solo 71px.
    fuera de que esa no se mueve.
    Así que le sugiero que se baje la que está en el foro, (esa de arriba a la izquierda, (esa es la que mide 280px de width y 80px de height)
    Ponga usted el cursor encima de ella, haga click derecho y elija Guardar imagen como, cuando se le abra la ventana del guardar Como, allí en la casilla nombre, verá que la imagen tiene un nombre diferente, usted bájeal así mismo sin hacer ninguna odificación allí, solo elija guardarla en el escritorio.

    cuando la tenga ya en el escritorio le hace click derecho y elije Cambiar Nombre cuando donde sale el nombre se pone todo de color azul, usted borre solo el nombre, no borre donde dice .gif, solo borre lo que hay antes del .gif, cuando ya lo haya borrado entonces escriba allí logotipo, (escríbalo siempre antes del .gif.

    Luego haga click en alguna parte del escritorio y ya tendrá la imagen que se llamará logotipo y tendrá la extensión gif o sea logotipo.gif.

    Luego, lógicamente póngala dentro de la carpeta objetos y después en su página plantilla.html allí donde insertó el anterior logotipo escriba el nombre de este nuevo que ha bajado.

    Seguimos:
    Ahora en la capa contenido (en su hoja de estilo) usted a esa capa no le ha puesto ningún width o ancho, pruebe poniéndole un #contenido{width:800px;float.left;background-color etc. y lo que ya tiene puesto

    O pruebe poniéndole un #contenido{width:auto;background-color etc. etc.

    Ahora en su página plantilla.html por allí abajo usted tiene puesto un meta, osea esto:
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    Pues eso va entre el <head> y el </head> y no allí, pero como parece ser que usted entre el <head> y el </head> ya lo tiene, significa que ese meta de allí abajo está demás, y es mejor borrarlo.

    acá abajo le dejo los códigos de su hoja de estilo general un poco modificados. Recuerde que a la capa contenido puede ponerle el width:auto
    Yo le he puesto el width:800px;float:left;
    Pero usted tiene que hacer la prueba de como le va mejor por el momento.
    bueno, me tengo que ir

    * {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-decoration: 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 ; font-size: 16px }
    #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: 180px }
    #contenido {width:800px;float:left;background-color: orange ; border-left: black 1px solid ; border-right: black 1px solid }
    #contenido p {padding: 5px 10px 5px 10px ; text-indent: 15px}
    #menu {background-color: white ; 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 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-bottom:12px }
    #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 {background-color: brown ; float:left ; width:150px ; background-color: white}
    #piedos {background-color: green ; float:left ; width:498px ; background-color: white}
    #pietres {background-color: red ; float:left ; width:150px ; background-color: white}
    #curva-inferior { background-image: url(objetos/curva-inferior.gif) ;
    background-repeat: no-repeat ;
    width: 800px ;
    height:12px ;
    overflow: hidden }
    a {color: blue ; 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 {}

    Saludos
    Agradecido de los que aprenden enseñando
    Raulyure · · Solicitar retirada
    liliana cristina alzate escribió:Hola nuevamente, y gracias a Raulyure por su ayuda, le cuento que antes habia hecho lo que usted me dijo de ir a la carpeta objetos y grabar nuevamente lo de los menu superior curva y el otro archivo, pero no habia resultado; y lo que pasa es que habia cometido un erro y era que le estaba dando un nombre diferente a menu-parte-inferior, o llamaba era menu-curva-inferior, y entonces por ello no logroba el efecto deseado, usted me hizo caer encuenta de este error ; muchas gracias.

    Lo del color azul de las palabaras del piede pagina que no se me arreglaban era porque habia que cambiar esta linea tambien, y yo no o habia hecho:
    a {color: blue ; text-decoration:none ; display: ,

    Sigo con el mismo problema de la parte lateral de mi pagina que sigue descuadrada, y los bordes inferiores de la misma, que al final quedan unas lineas sobrantes. Espero que tanto usted Raulyure y otras personas me sigan dando pistas para solucionarlo. Gracias

    htt://flaca41.onlinewebshop.net

    Palntilla:
    <!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>xxxxxxxxxxxxxxxx</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</div>
    </div>
    <div id="navegacion">
    <ul>
  • Sección 1
  • Sección 2
  • Sección 3
  • Sección 4

    </div>
    <div id="contenido">
    <div id="menu">
    <h1>Titulo de Seccion 1</h1>
    <ul>
  • Enlace 1
  • Enlace 2
  • Enlace 3
  • Enlace 4
    </div>
    <h1>xxxxxxxxxxxxxxxxxxxxx</h1>


    xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</p>
    <h2>xxxxxxxxxxxxxxxxxxxxxxxx</h2>

    xxxxxxxxxxxxxxxxxxxxxxxxxxx</p>


    xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</p>


    xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</p>
    </div>
    <div id="pie">
    <div id="pieuno">
    <ul>
  • Foro Ejemplo
  • Contactos
  • Nos Enlazan

    </div>
    <div id="piedos">pie dos</div>
    <div id="pietres">
    <ul>
  • Directorio
  • TopSite
  • Mapa de la Web

    </div>
    <div id="curva-inferior"></div>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    </div>
    </body>
    </html>

    • Hola:
    Bueno, me perdonará pero después de los mensajes de sugerencia que le he dado, he dejado para el final el arreglo de esos bordes que dice usted que salen, pues eso creo sucede porque usted ha creado la capa pie, dentro de la capa pie ha creado la capa pieuno (y la ha cerrado), luego la capa piedos (y la ha cerrado) y luego la capa pietres (y la ha cerrado9, pero usted no ha cerrado la capa pie, y eso significa que la capa curva inferior se mete dentro de la capa pie, por tanto le sugiero que cierre con </div> la capa pie en su página plantilla.html.

    Como por ejemplo.
    <div id="pie">
    <div id="pieuno">
    <ul>
  • Foro Ejemplo
  • Contactos
  • Nos Enlazan

    </div>
    <div id="piedos">pie dos</div>
    <div id="pietres">
    <ul>
  • Directorio
  • TopSite
  • Mapa de la Web

    </div>
    </div> Esta que está en rojo es la que le falta poner aquí
    <div id="curva-inferior"></div>

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