Layout come excel

[ipnotic]

Ciao a tutti.. avrei bisogno di creare in una pagina html un layout simile a excel.. quindi con n colonne che si estendono in orizzontale anche oltre alla larghezza dello schermo.

Il mio problema è legato al fatto che a priori non posso sapere quando deve essere larga la mia tabella.. e quindi non posso inpostare un width particolare.. ma avrei bisogno di impostare una sorta di widht: auto (che però non funziona).
Per ora ho provato questa soluzione.. dare al tag table questo style "style=" table-layout:fixed;"

che però funziona solo con internet explorer (io ho la 7..magari su <7 non funziona neanke)..


[QUOTE]
<table border="1" cellspacing="0" cellpadding="0" style=" table-layout:fixed;">
<tr>

<td style="width:300px;">txt</td>
<td style="width:300px;">txt</td>
<td style="width:300px;">txt</td>
<td style="width:300px;">txt</td>
<td style="width:300px;">txt</td>
<td style="width:300px;">txt</td>
<td style="width:300px;">txt</td>
<td style="width:300px;">txt</td>
<td style="width:300px;">txt</td>
<td style="width:300px;">txt</td>
<td style="width:300px;">txt</td>
<td style="width:300px;">txt</td>
</tr>
</table>
QUOTE]

Qualke idea su come risolvere e far funzionare la cosa su tutti i browser ?


grazie

ciao

[ipnotic]

up....

non sa nessuno come si fa a fare in modo che una tabella (e magari anche le singole celle) abbia larghezza auto ? senza stabilire a priori pixel o percentuali ? (e farla andare tranquillamente oltre al limite orizzontale dello schermo ??)


ciao

[Vincent.Zeno]

se non dai alcuna misura non funziona come vorresti?

[ipnotic]

NO...xke se io per esempio faccio una tabella così:

<table border="1" cellspacing="0" cellpadding="0">
<tr>

<td style="width:300px;">txt</td>
<td style="width:300px;">txt</td>
<td style="width:300px;">txt</td>
<td style="width:300px;">txt</td>
<td style="width:300px;">txt</td>
<td style="width:300px;">txt</td>
<td style="width:300px;">txt</td>
<td style="width:300px;">txt</td>
<td style="width:300px;">txt</td>

...etc...etc...

<td style="width:300px;">txt</td>
<td style="width:300px;">txt</td>
<td style="width:300px;">txt</td>
</tr>
</table>

Senza aver definito la larghezza della tabella (e senza mettere quello style che funzionava solo con IE)...e con un bel po di colonne da 300px... il risultato è che le colonne si compattano tutte, senza quindi essere di 300px, per cercare di stare nel 100% della pagina...

qualche dritta da darmi ?


ciao e grazie

[Vincent.Zeno]

ma questo non farebbe per te?

[ipnotic]

si hai ragione... togliendo la dimensione alle singole celle ottengo quello ke voglio.... mi stavo proprio perdendo in un bicchier d'acqua...


grazie e ciao

[ipnotic]

ritorno in questa discussione perchè non ho ancora risolto alla perfezione..
La soluzione proposta di non dare nessuna misura ne alla tabelle ne alle celle è perfetta.. ma ha questo difetto..
fino a quando nella cella metto 1 solo elemento.. per esempio un campo INPUT non ci sono problemi..
ma se metto un campo INPUT + un'immagine.. questa mi va a capo (o meglio.. se nel codice metto i due tag <input .. /><img .. />, quindi senza spazi tra i tag, internet explorer me li fa vedere sulla stessa riga.. mentre in FF l'immagine viene buttata giù causando un aumento dell'altezza della cella)

oppure se metto una scritta che contiene uno spazio.. es "Nome e Cognome".. la cella non mi si allunga per far stare il testo su 1 riga (COSA CHE VORREI CHE FACESSE).. ma me lo distribuisce su + righe...


come posso risolvere ?

ciao

[Vincent.Zeno]

puoi provare a settare tutti i contenuti coi CSS
partendo, forse, con un {float: letf;} per tutti i marcatori....

[ipnotic]

sembra che son riuscito a risolvere dando la proprietà nowrap="nowrap" alla cella

es

<th nowrap="nowrapValore lungo lungo </th>

ciao

[Vincent.Zeno]

http://www.w3schools.com/tags/tag_td.asp

The "bgcolor", "height", "width", and "nowrap " attributes of the td element were deprecated in HTML 4.01.

The "bgcolor", "height", "width", and "nowrap " attributes of the td element are not supported in XHTML 1.0 Strict DTD.


......



Whether to disable or enable automatic text wrapping in this cell. Deprecated. Use styles instead.