Ver Mensaje Individual
  #4 (permalink)  
Antiguo 06/06/2009, 09:37
RodrigoQ
 
Fecha de Ingreso: junio-2009
Ubicación: Mar del Plata
Mensajes: 33
Antigüedad: 14 años, 10 meses
Puntos: 1
Respuesta: Divs al 100% de ancho

Si mal no entiendo, quieres tener un div .contenedor que ocupe el 100% de la pantalla.

Y dentro de él, un div .fijo alineado a la izquierda, y otro div .autom alineado a la derecha.

Cierto?

Puedes hacerlo de esta manera:

Código:
.contenedor {
    width:100%;
    overflow: hidden;
}
.fijo {
    width: 525px; 
    height: 490px;
    background: black;
    float: left;
}
.autom {
    height: 490px;
    float: right;
    background: green;
}
Código:
<div class="contenedor">
    <div class="fijo">
    </div>

    <div class="autom">
    </div>
</div>
Fijate que marqué en negrita los cambios necesarios.

Con float: right lográs que el div se posicione a la derecha de su contenedor.

Vos le estabas poniendo margen a su izquierda, que no funciona porque el .div fijo se encontraba fuera del flujo del documento, por ser float: left

Al contenedor le puse overflow: hidden para que "contenga" a los 2 divs que tienen propiedad float.

Fijate si te sirve y decime.