Hola. Estoy rediseñando mi página web con css y me encuentro con el eterno problema del "footer" que quiero que quede fijo abajo. He estado mirando (y copiando) varias soluciones, pero por la razón que sea el sistema no me funciona. El diseño del html es muy sencillo, la típica capa contenedor y luego, una debajo de la otra, la cabecera, el menú -con dos opciones según necesite una fila o dos de botones), el cuerpo de texto y el pie, o "footer". Aquí os copio la hoja de estilo, que tampoco es para premio nobel:
*********************
body { background-color: #E6FFED; background: url(jccanalda_graficos/fondo.gif);
font-family: "Times New Roman", Times, Georgia, serif;
overflow-y: scroll;
}
/* DIV */
#contenedor { width: 1024px; height: auto; padding-top: 2mm; padding-bottom: 2mm}
#cabecera { width: 1020px; height: 150 px; }
#menusimple{ width: 1024px; height:64px;}
#menudoble { width: 1024px;}
#cuerpo { width: 950px; padding-top: 5mm; padding-bottom: 5mm;
text-indent: 5mm; color: black; font-weight: bold; font-size: medium; align:justify;}
#pie { width: 1020px; height: 75 px; }
/* FINAL DIV */
/* PÁRRAFOS */
#titulo {font-weight: bolder; font-size: .75cm; text-indent: 0cm; color: purple; font-family: "Comic Sans MS"; text-align: center;}
#titulo2 {font-weight: bolder; font-size: .5cm; text-indent: 0cm; color: purple; font-family: "Comic Sans MS"; text-align: center;}
#foto {font-size: small; font-weight: bold; text-indent: 0cm; text-align: center;}
/* FIN PÁRRAFOS */
/* Menú dos filas */
body, ul, li {
margin:0;
padding:0;
}
ul {
list-style:none;
display:inline-block;
}
ul li {
float:left;
}
ul#menudoble {
margin:none;
list-style:none;
height:64px;
width:1020px;
background:#3b3b3b;
}
ul#menudoble li {
height:32px;width:170px;
}
ul#menudoble li a {
display:block;
padding:10px;
height:12px;
color:#FFF;
text-align: center;
font-family:Arial, Verdana, Geneva, sans-serif;
font-size:12px;font-weight:bold;
text-decoration:none;
}
ul#menudoble li a:hover {
background:#CCC;
}
ul#menudoble li ul {
display:none;
}
ul#menudoble li:hover ul {
display:block;
background:#999;
position:absolute;
}
ul#menudoble li:hover ul li {
float:none;
position:relative;
background:#999;
}
/* Fin Menú dos filas*/
/* Menú 1 fila*/
body, ul, li {
margin:0;
padding:0;
}
ul {
list-style:none;
display:inline-block;
}
ul li {
float:left;
}
ul#menusimple {
margin:none;
list-style:none;
height:32px;
width:1020px;
background:#3b3b3b;
}
ul#menusimple li {
height:32px;width:170px;
}
ul#menusimple li a {
display:block;
padding:10px;
height:12px;
color:#FFF;
text-align: center;
font-family:Arial, Verdana, Geneva, sans-serif;
font-size:12px;font-weight:bold;
text-decoration:none;
}
ul#menusimple li a:hover {
background:#CCC;
}
ul#menusimple li ul {
display:none;
}
ul#menusimple li:hover ul {
display:block;
background:#999;
position:absolute;
}
ul#menusimple li:hover ul li {
float:none;
position:relative;
background:#999;
}
/* Fin Menú 1 fila*/
****************************
Por favor, ¿alguien me podría decir cómo hacerlo? Y que funcione... Porque pruebo con las distintas recetas y con el cuerpo vacío de texto, y siempre me sube el dichoso "footer"...
. Lo único que he hecho, claro está, es cambiar la altura del pie y los nombres de las capas, porque yo había usado otros distintos (en español), he supuesto que esto daría igual. He probado con los tres navegadores principales y no funciona con ninguno... 
.
. 
así que no tendré más remedio que rendirme ante el Dreamweaver, fue bonito mientras duró. O a lo mejor lo que hago es lo mismo que con el photoshop, jugar con éste y con el hotmetal según las circunstancias... en fin, ya me apañaré. Lo que es evidente es que tendré que dar el paso adelante que me he estado resistiendo desesperadamente a dar.
