Hola, tengo un problema con mi código. Quiero que suceda que al verse la página en una resolución de 1024 x 768 el div contenedor se vea con su maximo indicado que es 900 px de width y que el div derecha también se vea con su maximo indicado, que es 320px de width. Pero que al verse la página en una resolución de 800 x 600 tanto contenido como derecha se vean con sus minimos de width indicados, pero solo contenedor lo hace como quiero que sea, mientras que el div derecha a pesar de estar con las indicaciones de max-width y min-width las ignora y queda como si solo le hubiera puesto width: 180px. Será que estoy haciedo mal todo? Es lo que quiero posible?
Espero me puedan ayudar. Gracias de antemano por leer (=.
Aquí dejo mi código:
Código PHP:
html, body, img
{
margin:0;
padding:0;
border:0;
}
#contenedor{
max-width: 900px;
min-width: 764px;
width: 98%;
background-color:#009999;
margin: 0 auto;
}
#izquierda {
width: 500px;
height: 200px;
float:left;
background-color:#FFFFFF;
border:solid 1px #000;
}
#derecha {
max-width: 320px;
min-width: 180px;
float:right;
background-color:#FFFFFF;
border:solid 1px #000;
height: 20px;
}
Código PHP:
<div id="contenedor">
<div id="izquierda"></div>
<div id="derecha"></div>
<div style="clear: both;"></div>
</div>