Hola, tengo dos capas: izquierda y centro.
La capa "izquierda" mide 180px, la capa "centro" ajusta el tamaño según el tamaño de la pantalla.
Dentro de la capa "centro" tengo un caja (input) que
quiero que ocupe el 100% de la capa "centro".
Lo que pasa es que no ocupa el 100% de la capa "centro" sino el 100% de TODA la pantalla.
Si alguien me puede ayudar estaré agradecido, mi opción b es usar tablas, pero preferiría no hacerlo.
Código HTML:
<html>
<head>
<style>
body {
margin:0px;
}
.centro{
background:#e0e0e0;
min-width:400px;
height:400px;
width:100%;
overflow: inherit;
}
.izquierda{
width:180px;
height:400px;
background:#91D0D0;
float:left;
}
input[type="text"] {
width: 100%;
}
</style>
</head>
<body>
<div class="contenedor">
<div class="izquierda"></div>
<div class="centro"><input type="text" name="caja"></div>
</div>
</body>
</html>