Cita: <body>
<div id="contenedora">
<div id="cabecera"></div>
<div class="outer"></div>
<div id="cuerpo"></div>
</div>
</body>
El CSS sería:
Cita: #cuerpo{
margin:20px auto;
}
#login{float:right}
#id_hab{position:relative; left:25%}
#id_pub{position:relative; left:50%}
.imagen{float:right;}
.outer{
margin:0px;
padding:0px;
}
#menu {
float:left;
margin-top:20px;
margin-right:20px;
margin-left:20px;
width:148px;
border-style: solid solid none solid;
border-color: #94AA74;
border-size: 1px;
border-width: 1px;
}
#menu ul{
list-style:none;
padding:0px;
margin:0px;
}
#menu li a {
height: 32px;
voice-family: "\"}\"";
voice-family: inherit;
height: 24px;
text-decoration: none;
font-weight:normal;
font-family:"Comic Sans MS";
}
#menu li a:link, #menu li a:visited {
color: #5E7830;
display: block;
background: url(/imagenes/menu.gif);
background-repeat:no-repeat;
padding: 8px 0 0 10px;
}
#menu li a:hover {
color: #26370A;
background: url(/imagenes/menu.gif) 0 -32px;
background-repeat:no-repeat;
padding: 8px 0 0 10px;
}
#menu li a:active {
color: #26370A;
background: url(/imagenes/menu.gif) 0 -64px;
background-repeat:no-repeat;
padding: 8px 0 0 10px;
}
.fil{
margin:5px;
}
#contenedora{
margin: 0 auto;
}
Quieres centrar creo que el "Cuerpo"; para estó usamos la herramienta de padding:20px auto; la primera variable signifca arriba y abajo, la segunda variable en esté caso que es (Auto), sería derecha e izquierda, así colocamos un poco el código de nuestra web más liviano, por qué podrías hacer esto:
Cita: #cuerpo{
margin-top:20px;
margin-bottom:20px;
margin-left:auto;
margin-right:auto;
}
y estaría funcionando igual que el anterior que te dí.
Saludos, cualquier cosa avisame.