Foros del Web - Ver Mensaje Individual - centrar cuerpo principal y dejar extendidas algunas formas

willyfc · #6 (**permalink**) 15/07/2009, 15:38

Si no lo entiendo mal esta sería la estructura que quieres lograr:

Código html:

Ver original<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
#cabecera{width:70%; height:150px; background:#999; margin:0 auto;}
#franja_amarilla{width:100%; height:100px; background-color:#CCCC00;}
#contenido{width:70%; margin:0 auto; min-height:300px; height:auto!important; height:300px; overflow:auto; border:1px solid #333;}
#pie{width:100%; height:70px; background:#333;}
    #pie span{display:block;margin:0 auto; width:70%; text-align:center;/*si quieres de esta manera*/ }
</style>
</head>
 
<body>
<div id="cabecera"></div>
<div id="franja_amarilla"></div>
<div id="contenido">
    <p>Aqui va tu contenido</p>
</div>
<div id="pie">
    <span>El texto centrado</span>
</div>
</body>
</html>

Copialo y pegalo en un archivo nuevo para ver si es la estructura que quieres.