Cita:
Iniciado por dluxox_ 
ahmmmmm ahora te capte la idea
me meti a una pagina vi dos cosas a la izquierda y derecha pero lo que sobra en el centro que se ajuste
lo que te aconsejo es hacer 3 div pero con anchos limitados la altura "height:100%" la pones asi amm me dices si lo soluciones de otra manera comentando
saludos esa es la unica forma que se mira lo siquiente
#izquierda{
position: fixed;
width: 14em;
height: 100%;
top: 15%;
right: auto;
bottom: 100px;
left: 0;
background-color: white;
}
#central {
position: fixed;
width: 55%;
height: 100%;
top: 15%;
right: 0;
bottom: 100px;
left: 14em;
background-color: transparent;
}
#derecha {
position: fixed;
width: 227px;
height: 100%;
top: 15%;
right: 0px;
bottom: 100px;
background-color: white;
}
#footer {
position: fixed;
width: 100%;
height: 100px;
top: auto;
right: 0;
bottom: 0;
left: 0;
background-color: #C0C0C0
}
asi lo hice yo :D
Disculpa, por que trabajas tanto con position? yo solo los uso en casos extremos.
xarlyp3
Lo que tu buscas es esto, supongo.
html
Código HTML:
<div id="content">
<div class="header">Tu encabezado aca</div>
<div class="left">Columna Izquierda</div>
<div class="center">Columna Central</div>
<div class="right">Columna Derecha</div>
<div class="clear"></div>
<div class="footer"></div>
</div>
css
.clear { clear: both; }
#content { margin: 0 auto; width: 960px;<--es un estandar }
.header { width: 100%; <-- si no le pones width, se copla al #content }
.left { float: left; min-height: 100px; _height: 100px; width: 200px; }
.center { float: left; min-height: 100px; _height: 100px; width: 560px; }
.right { float: left; min-height: 100px; _height: 100px; width: 200px; }
PD: recuerda que los tamaños los podes ajustar a tu antojo y recuerda que si das padding a alguno, estos aumentan de tamaño, asi que
OJO con eso, aprede bien a usar margin y padding por que si no los entiendes sera un dolor de cabeza para ti por el resto de tu vida :)