problema con fluidità

[ANTAGONIA]

buon pomeriggio, vi posto questo codice:

//css
.address{
	font-style:normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin-bottom:25px;
}

#ContStat {
	position: relative;
}

.cella1, .cella2, .cella3, .cella4, .cella5, .cella6{
	border: 0px solid black;
	position: absolute;
	height: 20px;
	float:left;
}

.cella1 {
	font-weight:bold;
	font-size:12px;
    padding-left: 0px;
}
.cella2 {
    padding-left: 152px;
}
.cella3 {
    padding-left: 304px;
}
.cella4 {
    padding-left: 514px;
}
.cella5 {
    padding-left: 644px;
}

//pagina
<div id="ContStat">
			


				Con il Caffè Borghetti vai sulla luna:
			</p>
			
			<address class="address">
				<span class="cella1" style="top: 45px;">Antonio rossi</span>
				<span class="cella2" style="top: 45px;">Presidente</span>
				<span class="cella3" style="top: 45px;">presidente@cafè.it</span>
				<span class="cella4" style="top: 45px;">Tel.: 004.090909 
Tel.: 004.090908 
Tel.: 004.090907</span>
				<span class="cella5" style="top: 45px;">Fax.: 004.090906</span>
			</address>
			
			<address class="address">
				<span class="cella1" style="top: 120px;">Mario Rossi</span>
				<span class="cella2" style="top: 120px;">Consigliere</span>
				<span class="cella3" style="top: 120px;">m.rossi@cafè.it</span>
				<span class="cella4" style="top: 120px;">Tel.: 004.090910</span>
			</address>
</div>

Non potendo utilizzare la tabella perchè deve essere utilizzata solo in determinate circostanze e questo non era il caso, ho dovuto fare in questo modo, per avere i dati inseriri in modo ordinato come se fossero all'interno di una tabella.

Purtroppo il problema è che, se restringo il layout, tutte quelle Celle restano al loro posto e non si ridimensionano.
In pratica se ridimensiono il layout, la cella 4° e 5° dovrebbero andare a capo invece restano dove sono..

Spero di essermi spiegato.
Grazie mille....

[Mich_]

A me quelli sembrano proprio dati tabellari: infatti in orizzontale hai i vari record, ed in verticale hai nome, carica, indirizzo email, telefono, ecc. Quindi non usare le tabelle e` un errore di tipo semantico.

Comunque per affiancare degli oggetti in modo fluido, devi usare le misure in %, e gli oggetti vanno resi flottanti (poi avrai bisogno di un clear alla fine di ogni riga, per riportare le cose a posto)

[ANTAGONIA]

ciao Mich buon giorno, quindi mi consigli di metterli in una tabella.
Domanda: dato che rientrano nella categoria "indirizzi - address" perchè ci sono "telefono,Fax ed E-mail", all'interno dei tag <td> posso inserire quindi l'altro tag <address> cosi da essere più preciso?

Grazie mille

[Mich_]

posso inserire quindi l'altro tag <address> cosi da essere più preciso?

Dal punto di vista semantico hai ragione.
Dal punto di vista della sintassi, pero` ho qualche dubbio.

La semantica direbbe di fare:

<table>
  <tr>
    <address>
      <td>Antonio rossi</td>
      <td>presidente</td>
      <td><a href="mailto:presidente@cafè.it">presidente@cafè.it,/a></td>
      <td>Tel.: 004.090909 ...</td>
      <td>Fax: 004.090906 ...</td>
    </address>
  </tr>
  ...

Pero` non credo che si possa farlo dal punto di vista sintattico.

Forse si puo` ovviare mediante:

<table>
  <tr class="address">
    <td>Antonio rossi</td>
    <td>presidente</td>
    <td><a href="mailto:presidente@cafè.it">presidente@cafè.it,/a></td>
    <td>Tel.: 004.090909 ...</td>
    <td>Fax: 004.090906 ...</td>
  </tr>
  ...

in cui la sematica viene preservata in qualche modo con la classe, e la sintassi e` rispettata.

[ANTAGONIA]

ti ringrazio, però nella tabella dovrei inserire un summary in questo modo

summary="indirizzi: numeri di telefono, fax ed email dei responsabili dell'azienda"

giusto?
grazie ancora

[ANTAGONIA]

salve ragazzi, ecco di nuovo.
Quindi ricapitolando.
Adesso ho utilizzato la tabella, perchè sicuramente sono dati tabellari.
Per capire e mettere un punto, l'address si deve utilizzare soltanto se ho uno o più solo indirizzi che non necessitano di essere intabellati?
Tipo:

<address>Tel: 098-0123456</address>

//oppure
<address>Tel: 098-0123456</address> <address>Tel: 099-08907890</address>

//o ancora
<address>Tel: 098-0123456</address> <address>Fax: 099-08907890</address> <address>E-mail: address@cafè.it</address>

in questo modo?
grazie ancora...

[Mich_]

Nel tuo caso io non userei il tag <address>.
In effetti la tua e` una lista di indirizzi, non l'indirizzo della ditta o persona cui fa riferimento la pagina.
Nell'esempio riportato da W3schools si cita espressamente che il tag serve per trale scopo.

E comunque dentro <address> ci dovrebbe stare tutto l'indirizzo, non solo un pezzetto (che tu devi spezzare per poter mettere i vari pezzi nella tabella). Io lascerei la parola chiave address nell'id o class del <tr> o della tabella, in modo che ci sia comunque un riferimento in tal senso.

Comunque se il tuo e` un problema di codice HTML, ti consiglio di aprire un thread nel forum (X)HTML. Qui e` un po' fuori tema, e comunque anche il titolo trarrebbe in inganno (non ha senso spostare questo thread).

[ANTAGONIA]

ti ringrazio molto gentile
buona giornata e alla prossima