Hola amigos quiero poner en mi pagina tres paneles una cabecera en la parte superior, otro de contenido, y por ultimo uno de pie; el panel de contenido tiene que contener 3 columnas y el panel del pie debe de posicionar segun la posicion de las 3 columnas.
Bueno estoy que intento e intento pero no me sale haber si alguien me da una mano
Les adjunto el codigo con el que estoy probando pero no me sale
Código:
<style>
#contenido{top:10%}
#pie{background:#00FF00}
#cabecera{background:#FF0000}
#derecha{position:absolute;width:30px;left:20px;background:#00AA00;color:#FFFF00}
#centro{position:absolute;width:30px;left:180px;background:#0000BB;color:#FFFFFF}
#izquierda{position:absolute;width:30px;left:350px;background:#00CC00;color:#00FF00}
</style>
<body>
<div id="cabecera">
<center><font size="6">texto de la cabecera</font></center>
</div>
<div id="contenido" >
<div id="derecha">
texto de la derecha que esta ubicado para poder ser modificado
</div>
<div id="centro">
texto del centro que esta ubicado para poder ser modificado bla!!bla!!bla!!bla!
</div>
<div id="izquierda">
texto de la izquierda que esta siendo utilizado para poder modificado !bla!!bla!!bla!!
</div>
</div>
<div id="pie">
<center><font size="6">pie de pagina</font></center>
</div>
Saludos
Mauricio