Ciao, volevo proporvi un problema a cui non riesco a trovare soluzione. Sto cercando di creare un calendario, il codice html è il seguente.

codice:
<div id="container">

<div id="daysRow">
<div class="dayCell"></div>
<div class="dayCell"></div>
<div class="dayCell"></div> 
<div class="dayCell"></div>
<div class="dayCell"></div>
<div class="dayCell"></div> 
<div class="dayCell"></div> 
</div>

<div class="monthRow">
<div class="monthCell"></div>
<div class="monthCell"></div>
<div class="monthCell"></div>
<div class="monthCell"></div>
<div class="monthCell"></div>
<div class="monthCell"></div>
<div class="monthCell"></div>
</div>

<div class="monthRow">
<div class="monthCell"></div>
<div class="monthCell"></div>
<div class="monthCell"></div>
<div class="monthCell"></div>
<div class="monthCell"></div>
<div class="monthCell"></div>
<div class="monthCell"></div>
</div>

<div class="monthRow">
<div class="monthCell"></div>
<div class="monthCell"></div>
<div class="monthCell"></div>
<div class="monthCell"></div>
<div class="monthCell"></div>
<div class="monthCell"></div>
<div class="monthCell"></div>
</div>

<div class="monthRow">
<div class="monthCell"></div>
<div class="monthCell"></div>
<div class="monthCell"></div>
<div class="monthCell"></div>
<div class="monthCell"></div>
<div class="monthCell"></div>
<div class="monthCell"></div>
</div>

<div class="monthRow">
<div class="monthCell"></div>
<div class="monthCell"></div>
<div class="monthCell"></div>
<div class="monthCell"></div>
<div class="monthCell"></div>
<div class="monthCell"></div>
<div class="monthCell"></div>
</div>

<div class="monthRow">
<div class="monthCell"></div>
<div class="monthCell"></div>
<div class="monthCell"></div>
<div class="monthCell"></div>
<div class="monthCell"></div>
<div class="monthCell"></div>
<div class="monthCell"></div>
</div>

</div>
Il codice Css utilizzato è il seguente:

codice:
.monthCell, .dayCell{background-color: #A2B8AC; border: 1px solid #000000; float:left; min-width:1px; text-align:center; width:14%;}
.monthRow, #dayRow{clear:both; height:0px;}

Quello che ottengo è una tabella 7x7 che tramite javascript riempirò con in dati corretti (prima riga i nomi dei giorni, le rimanenti i giorni della settimana del mese precedente, corrente e successivo, come nei normali calendari, tipo quello di windows o di google calendar).

Ecco il mio problema: quando ridimensiono la pagina vorrei che i 7 div di ogni riga non andassero a capo ridimensionandosi fino alla dimensione minima, stesso concetto per l'altezza. In pratica vorrei che succedesse come in google calendar, ridimensionato la finestra altezza e larghezza si ridimensionassero per manetere il layout originale. Spero di essermi spiegato (se qualcuno ha un account google può vedere direttamente cosa intendo). Aspetto una vostra risposta, grazie anticipatamente!