Ho difficoltà a raggiungere questo obiettivo. Vorrei che il div content1
e content2
riempissero lo spazio rimanente verticalmente in una finestra con un'altezza minima impostata.Come ottenere div css per allungare al 100% della finestra
<style type="text/css">
body,td,th {
font-family: Arial, Helvetica, sans-serif;
height:100%;
}
body {
background-color: #E1E1E1;
}
</style>
<style type="text/css">
.container {
width: 965px;
height: 100%;
margin: 0 auto;
overflow: hidden;
}
.sidebar1 {
float: left;
width: 200px;
background: none;
padding-bottom: 10px;
} .content {
padding: 10px 0;
width: 380px;
height: 100%;
background: #fff;
float: left;
position: relative;
} .content2 {
float: left;
width: 380px;
height: 100%;
background: #fff;
padding: 10px 0;
}
-->
</style>
Ecco i div che sto cercando di ridimensionare (vuoto ma vorrei loro di riempire la finestra in verticale):
<div class="content" style="border-left: solid 1px #CCC;"></div>
<div class="content2"><!-- end .sidebar2 --></div>
sua non funziona :-( – methuselah
Funzionerà ho appena provato su tutti i browser – Mahima
@jeansymolanza, vedere il jsfiddle ho aggiunto per una demo. – Petah