Buenas, ya tengo preparado el archivo para que podamos encontrar una solucion más fácilmente.
Código HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="es-es">
<head>
<title>TRATTORIA LA VENEZIANA / CÓMO LLEGAR</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<meta name="homedesc" content="Sitio web del restaurante italiano trattoria La Venenziana" />
<meta name="lang" content="es" />
<meta name="coverage" content="Spain España" />
<meta name="locality" content="Miraflores de la Sierra, Madrid, España" />
<meta name="content-languaje" content="spanish español castellano" />
<meta name="description" content="Sitio web para restaurante italiano trattoria La Veneziana" />
<meta name="revisit" content="1 days" />
<meta name="keywords" content="restaurante, italiano, trattoria, Miraflores, Madrid, pasta, pizza, pizzeria, sierra" />
<meta name="robots" content="index,follow,all" />
<meta name="author" content="Pedro Rodas" />
<meta name="designer" content="Pedro Rodas" />
<meta name="coder" content="www.trattorialavenenziana.com" />
<link rel="stylesheet" href="css/pie-abajo-css.css" type="text/css" media="screen"/>
</head>
<body id="opcion2">
<div id="contenedor-sombra">
<div id="contenedor">
<div id="cabecera">
<h1>cabecera</h1>
</div>
<div id="cuerpo">
<div id="columna-izquierda"></div>
<div id="columna-derecha"></div>
<div class="corte"></div>
</div>
<div id="pie">
<div class="pie">
www.trattorialaeneziana.es · C/ Valverde n°22, Miraflores de la Sierra (Madrid) · 699820461 · [email protected]
</div>
</div>
</div>
</div>
</body>
</html>
y el css
Código HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="es-es">
<head>
<title>TRATTORIA LA VENEZIANA / CÓMO LLEGAR</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<meta name="homedesc" content="Sitio web del restaurante italiano trattoria La Venenziana" />
<meta name="lang" content="es" />
<meta name="coverage" content="Spain España" />
<meta name="locality" content="Miraflores de la Sierra, Madrid, España" />
<meta name="content-languaje" content="spanish español castellano" />
<meta name="description" content="Sitio web para restaurante italiano trattoria La Veneziana" />
<meta name="revisit" content="1 days" />
<meta name="keywords" content="restaurante, italiano, trattoria, Miraflores, Madrid, pasta, pizza, pizzeria, sierra" />
<meta name="robots" content="index,follow,all" />
<meta name="author" content="Pedro Rodas" />
<meta name="designer" content="Pedro Rodas" />
<meta name="coder" content="www.trattorialavenenziana.com" />
<link rel="stylesheet" href="css/pie-abajo-css.css" type="text/css" media="screen"/>
</head>
<body id="opcion2">
<div id="contenedor-sombra">
<div id="contenedor">
<div id="cabecera">
<h1>cabecera</h1>
</div>
<div id="cuerpo">
<div id="columna-izquierda"></div>
<div id="columna-derecha"></div>
<div class="corte"></div>
</div>
<div id="pie">
<div class="pie">
www.trattorialaeneziana.es · C/ Valverde n°22, Miraflores de la Sierra (Madrid) · 699820461 · [email protected]
</div>
</div>
</div>
</div>
</body>
</html>
La solucion con el pie position:fixed, bottom:0; y el height:100% en los contenedores sirve, pero si el contenido crece, ocurre un error muy feo (probad a poner un height:800px a las columnas izquierda y centro).
Yo estoy en ello, a ver si podeis echarme una mano con esto!!
Muchas gracias, saludos.