mostrare n div affiancati

[Massimo Perrone]

ciao a tutti,
volevo fare con i div , quello che riesco a mostrare con
una tabella:

<table width=100%>
<tr>
<td>cell1</td>
<td>cell2</td>
<td>cell3</td>
</tr>
</table>

le 3 celle vengono visualizzate con la stessa larghezza.
Dato che la tabella viene generata dinamicament, il nr.
di celle può variare, ma in ogni caso la larghezza è uguale
in tutte le celle.

Con i div volevo fare:
<div style="width:100%">
<div style="float:left">cell1</div>
<div style="float:left">cell2</div>
<div>cell3</div>
</div>

ma non riesco a ripartire la larghezza della pagina in 3 parti uguali.
Come fare, tenendo conto che il nr. di div può aumentare e/o diminuire?

Grazie per le risposte.

[antos]

allora prova così:
<div style="width:100%;">
<div style="float:left;width:33%;">1</div>
<div style="float:left;width:33%;">2</div>
<div style="float:left;width:33%;">3</div>
<div style="clear:both;"></div>
</div>
il di in più l'ho aggiunto per avere lo stesso effetto sia su ie che con i gecko based (per capire la differenza basta che imposti il bordo al primo div)

[Massimo Perrone]

ciao,
ho visto che hai dovuto mettere il 33% .
se però ci fossero 5 o 6 div , la percentuale dovrei
calcolarla (100/5) o (100/6).

In asp farei:
======
intWidth = 100 / rs.RecordCount
while not(rs.eof)
%>
<div style="width=<%= intWidth%>"><%= rs("name")%></div>
<%
rs.movnext
wend
======

Questo sistema non funzionerebbe se gli stili fossero in un
file css, che non può essere modificato a run-time.

[antos]

Originariamente inviato da Massimo Perrone
ciao,
ho visto che hai dovuto mettere il 33% .
se però ci fossero 5 o 6 div , la percentuale dovrei
calcolarla (100/5) o (100/6).

In asp farei:
======
intWidth = 100 / rs.RecordCount
while not(rs.eof)
%>
<div style="width=<%= intWidth%>"><%= rs("name")%></div>
<%
rs.movnext
wend
======

Questo sistema non funzionerebbe se gli stili fossero in un
file css, che non può essere modificato a run-time.

perchè scervellarsi con asp quando basta una classe
ho usato lo stile in line solo perchè in questo modo avevi postato il coidce prima
ti conviene quindi fare una cosa del genere
#box{width:100%;}
.colonna{width:33%;}/*o quello che ti pare in base alle colonne*/
#bottom{clear:both;}
<div id="box">
<div class="colonna"></div>
<div class="colonna"></div>
<div class="colonna"></div>
<div id="bottom"></div>
</box>

[Massimo Perrone]

ciao,
il problema è che non conosco a priori il nr. di colonne,
quindi mettere in una classe la percentuale (es. 33%)
non è corretto.
Cosa accadrebbe, se avessi 7 div affiancati che usano la
classe .colonna ?
Avrei in pratica 7 div con width=33% , mentre in realtà
width dovrebbe essere 100/7 % = 14% .

Per questo ho usato lo sitle in linea, che aggiunge la larghezza calcolata, ma vorrei sapere se esiste un metodo migliore.

ciao.