Divs al 100% de ancho

[Pollito_69]

Buenas, si tengo un div con 100% de ancho, y dentro un monton de divs con display:block (para crear los bordes con backgrounds)

¿Cómo meto dentro un div con ancho fijo y el otro que ocupe el resto?

He probado con esto, pero no funciona:

Código PHP:

   
.contenedor { 
    width:100%; 
} 
.fijo { 
    width: 525px;  
    height: 490px; 
    background: black; 
    float: left; 
} 
.autom { 
    height: 490px; 
    margin: 0 0 0 500px; 
    background: green; 
} 
 
 
 
<div class="contenedor"> 
    <div class="fijo"> 
    </div> 
 
    <div class="autom"> 
    </div> 
</div>  
   

[hades87]

Y no te sería mas fácil poner un borde estándar y no complicarlo tanto? de todas formas no te acabo de entender del todo bien.

[Pollito_69]

No se trata de poner una simple linea de borde, son bordes con imágenes:
una de superior, izquierda, abajo... etc. por lo que hay que hacerlo con fondos para crear un contenedor de un ancho definido con borde.

[RodrigoQ]

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.

[hades87]

También podrías ahcerlo con un div superior, luego uno con 3 columnas y uno inferior.

[Pollito_69]

No, esto no funciona.
Desaparecen los divs, sino recuerdo mal, cualquier div flotante necesita un tamaño especifico

[tunait]

Buenas

Pollito_69, he probado el código que dejas en el mensaje inicial y me funciona correctamente

[RodrigoQ]

Ahora que lo dice tunait, yo también lo probé y funciona.

[Pollito_69]

Ya lo he apañao, la culpa no era de esos divs sino de un "header" que puse encima
Gracias!