Hola de nuevo,
El problema que tengo ahora es el siguiente: tengo un DIV y dentro de él otro con componentes. Al primero no le tengo definido ancho, con lo cual se adapta al ancho de la pantalla en cada momento, y al interior tampoco para que haga lo propio.
El caso es que al disminuir el ancho de la ventana, los componentes que están en el DIV interior se colocan unos encima de otros, y lo que quiero es que se oculten... se puede hacer esto sin tener que cambiar los anchos mediante javaScript, y sin definir un ancho mínimo para el DIV interior (aparte de que min-width no sirve en IE)?
Gracias
Código:
<html>
<body style="overflow:hidden;margin:0">
<div id="divContenedor" style="background-color:navy;height:90%;">
<div id="divContenido" style="height:35px;overflow:hidden;background-color:yellow;">
<label for='lstOrganizacion_Entornos' class='etiqueta'>Entorno:</label>
<select id='lstOrganizacion_Entornos' class='combo' style='width:240px;'></select>
<label for='lstOrganizacion_Division' class='etiqueta'>División:</label>
<select id='lstOrganizacion_Division' class='combo' style='width:240px;'></select>
<label for='lstOrganizacion_Orden' class='etiqueta'>por:</label>
<select id='lstOrganizacion_Orden' class='combo' style='width:80px;'>
<option value='grupo'>Grupos</option>
<option value='grupohorario'>Horarios</option>
<option value='sector'>Sectores</option>
</select>
<input type='image' id='btnOrganizacion_Mostrar' src='imagenes/lupa.gif' style='padding-left:3px;vertical-align:middle;' />
</div>
</div>
<p/><input type=button value="click" onclick="document.getElementById('divContenedor').style.width='50%';" />
</body>
</html>