problema css con firefox

[eraclito]

ciao,

ho tre link che vorrei sistemare uno a destra, uno a sinistra e uno al centro di una cella.

Su explorer mi funziona, ma su firefox rimangono tutti schiacciati a sinistra

sapete dirmi come risolvere?


questo è il codice del css:

.left {
	text-align: left;
		width: 33%;	
}
.right {
	text-align: right;
		width: 33%;	
}
.center {
	text-align: center;
	width: 33%;
	}

e questo dell'html:

<span class="left">link 1 </span>
<span class='center'>link 2</span>
<span class="right">link 3</span>

eraclito

[jesus]

Perchè explorer fa applicare la larghezza (e l'altezza) anche ad elementi inline come lo span.

Per farlo corretto dovresti usare il float:

.left {
  float: left;
  text-align: left;
  width: 33%;	
}
.right {
  float: left;
  text-align: right;
  width: 33%;	
}
.center {
  float: left;
  text-align: center;
  width: 33%;
	}

.clear {
  clear: both
}

html:

<span class="left">link 1 </span>
<span class="center">link 2</span>
<span class="right">link 3</span>
<br class="clear">

Non ho provato il codice ma dovrebbe andare.

[eraclito]

funziona grazie!!

mi sai dire a cosa serve il <br class="clear">?
ho visto che funziona anche senza

eraclito

[jesus]

Originariamente inviato da eraclito
funziona grazie!!

mi sai dire a cosa serve il <br class="clear">?
ho visto che funziona anche senza

eraclito

Serve per ripristinare il float... cioè per far si che gli elementi dopo il terzo span non continuino a "flottare" verso sinistra.

Cmq puoi applicare la classe anche ad un'altro elemento ad esempio ad un div.

Ciao.

[eraclito]

Originariamente inviato da jesus
Serve per ripristinare il float... cioè per far si che gli elementi dopo il terzo span non continuino a "flottare" verso sinistra.

Cmq puoi applicare la classe anche ad un'altro elemento ad esempio ad un div.

Ciao.

thx, ora è + chiaro