Retomo este tema, ya que afortunadamente se han solucionado los problemas de la web.
He estado mirando ejemplos por google y he encontrado uno que me ha ayudado muchísimo y casi lo tengo terminado. Este es el código:
Código:
body {
text-align: center;
margin: 0px;
height: 100%;
color: #fff;
font-family: sans-serif;
font-size: 12pt;
background: url(Images/Back.jpg) top left;
}
#container {
position: absolute;
width: 750px;
height: 100%;
margin: 0px auto;
margin-left:-375px;
left: 50%;
top: 0px;
text-align: left;
background: url(Images/Fondo.jpg) top left;
border: #000000 1px solid;
border-width:0px 1px 0px 1px;
}
#header {
background: url(Images/Cabecera.jpg) top left no-repeat;
width: 750px;
height: 231px;
margin: 0px;
padding: 0px;
}
#sidebar {
width: 204px;
float: left;
margin: 0px;
padding: 0px;
}
#main {
float: left;
width: 526px;
margin: 0px 20px 20px 0px;
padding: 0px;
}
#footer {
clear: left;
margin: 0px;
padding: 0px;
width: 750px;
height: 26px;
position:absolute;
left:0px;
bottom:0px;
background: url(Images/BottomBarBack.gif) top left no-repeat;
}
Como decía, casi lo tengo. Mi único problema ahora es que si el main tiene demasiado texto se sale por abajo. Es decir, ya he conseguido alinear el pie a la parte de abajo, pero no consigo hacerlo crecer con el texto.
Creo que estoy a punto de terminarlo. Agradezco cualquier ayuda.