Cita:
Iniciado por BloodShadow 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 :)
Primero agradecerte la respuesta, pero sigo sin conseguir lo que quiero. Te explico:
Quiero 3 columnas, la de la derecha e izquierda con ancho fijo, la central con ancho variable, que se ajuste al espacio que quede entre las dos laterales, es decir, con una resolucion de 1280px tendra un tamaño de p.e. 880px y con una resolucion de 1024px tendra un ancho de 624px y asi sucesibamente.
Espero ahora me hayais entendido un poco mejor, un saludo y gracias de nuevo