Hola, tengo 2 div, uno con el ancho determinado(columna_izq) y el otro con el ancho variable (columna_der).
Dentro de columna_der, tengo un div llamado columna_dentro_der, este es con un ancho determinado y lo quiero poner a la derecha del todo.
Ademas, cuando hago mas pequeña la pantalla mas pequeña, el Div, columna_der se me va para abajo y tampoco quiero eso.
Lo que necesito es que tenga un ancho min, y si la pantalla es mas grande pues que la haga al 100%
El problema es que no me sale el color de la columna_der, (Ya que ira hay una imagen).
* {
margin:0;
padding:0;
}
#container{
width: 100%;
height:100%;
background-color:#FF000A;
}
#columna_izq{
float: left;
width: 300px;
background-color: #0051DF;
height:auto;
}
#columna_der{
background-color: #0DEF00;
widht:100%;
height:auto;
}
#columna_dentro_der{
width: 100px;
background-color:#063;
height: inherit;
}
<div id="container">
<div id="columna_izq">
columna_izq
</div>
<div id="columna_der">
<div id="columna_dentro_der">
columna_dentro_der
</div>
</div>
</div>
Si, a la collumna_der, le pongo float: left; me sale, pero no me sale lo que tengo dentro, el color o la imagen.