problemilla con el pie de foto

estoy al principio de la leccion 4ª con el pie de foto

esta es mi plantilla
<div id="logotipo">
<a href="index.html">
[contenido no disponible]
</a>
</div>
<div id="publicidad"><h3>bienvenidos a mi web!!!</h3></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">
<ul><h1>Titulo de la seccion 1</h1>

Enlace 1

Enlace 2

Enlace 3

Enlace 4
</div>
<h1>zona principal de la web</h1>

bueno, pues estreno mi pagina web.Esto pronto tendra foro, con su seccion de dudas, de descargas , de todo.
pero por ahora esto es todo kuanto puedo hacer. tened solo un poco de paciencia XP</p>
<h2>echwbdchnbwdjwsndj</h2>

dnbhcfbgvwhnclsilcsdlvñvsdnuyscgvxzvyddygbvebvhcnbcnurgygcudnhcolduhncevccuhnnsncujncnbv.
bchdnbhancjkndcnahdkbcdkjcdkb hkbhdnckhfvbhfdcnjdncvhfdbvkhfdbnvjnd vfbvhbfdvcndjncn vbjnudwteyrwolñapbcldb
obhncdbvuoduhasnctgdcidbcllalqpjmcbrverbhvncpdaovobdobvyrbscnkzlqwokhñpbbncjdnusbb bv doncuhnsnc bdbolb nu
cndbvuecndbbvlsndcoaonccmmdbvhvbhdnvblunvcnbvb,d,,alaerifhflvñpabnvebadvbfvnlfnvfb</p></div>

<div id="pie">
<div id="pieuno">pie uno</div><div id="piedos">pie dos</div><div id="pietres">pie tres</div>
</div>
<div id="curva-inferior"></div>
</div>
</body>
</html>

y esta la hoja de estilo general
* {margin:0px ; padding:0px ; border :0px}
p {text-align:justify }
h1 {font-size:1.2em ; color:gold ; font-weight:bold ; text-decoration:underline ;
text-align:center }
h2 {font-size:1.1em ; color:white ; font-weight:bold ; text-decoration:none ;
text-align:center }
h3 {font-size:1.5em ; color:violet ; font-weight:bold ; text-decoration:underline ;
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 1p 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: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: yellow; width: 150px ; float:left ; text-align:left ; margin-right:10px ;
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 90px 4px 6px}
#menu h1 {color:cyan;text-decoration:none;font-size:12px;
background-image: url(objetos/menu-parte-superior.gif);padding-top:12px}
#pie {background-color: white ; border-top:black 1px solid ; border-right:black
1px solid ; border-left:black 1px solid}
#pieuno {background-color: darkorchid ;float:left}
#piedos {background-color: darkviolet ;float:left }
#pietres {background-color: mediumblue ;float:left }
#curva-inferior {background-image:url(objetos/curva-inferior.gif) ; background-repeat:
no-repeat ; weidth:800px ; height:12px ; overflow:hidden}
a {color: blue ; text-decoration:none ; display: block }
a:link {}
a:visited {color:purple}
a:hover {color:red ; text-decoration:underline ; background-color:silver }
a:active {}

lo ke esta en negrita, el pietres , al ponerle el float:left, me descoloca la curva inferior i me elimina el pie de pagina
asi es como keda:
http://alljapanesesongs.getenjoyment.net/plantilla.html

Despues viene que le pongas medidas asi

#pieuno { float:left ; width:150px }
#piedos { float:left ; width:498px }
#pietres { float:left ; width:150px }

prueba con las medidas aver que tal queda :wink:

kon las medidas ya se coloca bien, muxas asias :P

De nada, Un saludo! :wink: :idea: