Entrar

problema con la capa pie en la cuarta leccion

federicoemiliano · · Solicitar retirada
hola gente..
estoy en la cuarta leccion en el tercer titulo: "altura de capas" y tengo un inconveniente... cuando dice que le defina una altura a la capa pie (height: 65px) lo hago, y en la foto del ejemplo aparece primero: pie uno, pie dos y pie tres; y abajo el lugar que habiamos definido; sin embargo, a mi me aparece primer el espacio que hemos fabricado, y luego las capas: pie uno, pie dos y pie tres...
porque puede ser?? es lo mismo, o hay algo que estoy haciendo mal??
espero ansioso las respuestas... desdee ya, muchisimas gracias.
federicoemiliano · · Solicitar retirada
ya que estoy aprovecho para comentar otro incoveniente... cuando intente modificar la configuracion de la capa pie (color de la letra, etc.) no pude... a contiuacion dejo el estilo-general.css:

* {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-aligner: center}
h2{font-size: 1.1em ; color: blue ; font-weight: bold ; text-decoration: none ; text-aligner: 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 {widhth: 518px ; float:rigth ; 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 ; width: 800px ; 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 10 px 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 ; text-align: center ; background-image: url(objetos/menu-parte-superior.gif) }
#pie { background-color: white ; border-left: black 1px solid ; border-right: black 1px solid ; border-top: black 1px solid ; height: 65px }
#pieuno {float:left ; width:150px ; font-size: 12px ; border-left: black 1px solid }
#pieuno li {list-style: none }
#piedos {float:left ; width:498px }
#pietres {float:left ; width:152px ; font-size: 12px ; border-right: black 1px solid }
#pietres li {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: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 {}

y ahora el archivo plantilla.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>XXXXXXXXXXXXXXXXXXXXXXXXXXX</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">
<meta content="text/html; charset=iso-8859-1" http-equiv=Content-Type>
<div id="logotipo">[contenido no disponible]</div>
<div id="publicidad">Bienvenidos 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>Título de Sección 1</h1>
    <ul>
  • Enlace 1
  • Enlace 2
  • Enlace 3
  • Enlace 4

    </div>

    <h1>XXXXXXXXXXXXXXXXXXXXXXXXXXX</h1>

    XXXXXXXXXXXXXXXXXXXXXXXXXXX</p>
    </div>

    <div id="pie"></div>
    <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>
    </div>
    </body>
    </html>

    espero ansioso la respuesta... desde ya, muchas gracias

    p.d.: en el codigo encontraran que segui con las lecciones, ya que no queria perder tiempo esperando que alguien me pudiera ayudar con mi inconveniente, otra vez, muchas gracias.. atentamente, federicoemiliano