Ver Mensaje Individual
  #11 (permalink)  
Antiguo 21/05/2010, 03:18
xarlyp3
 
Fecha de Ingreso: mayo-2010
Mensajes: 7
Antigüedad: 13 años, 11 meses
Puntos: 0
Respuesta: Problema para alinear capas

Cita:
Iniciado por BloodShadow Ver Mensaje
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