[css] Disposizioni orizzontali di span

[daneel]

Come si può ottenere una sequenza orizzontale di span (o di div, se fosse possibile) di dimensioni date posti l'uno accanto all'altro senza usare posizionamenti assoluti o relativi? Nel caso superino il limite della pagina i riquadri non dovrebbero andare a capo, ma lasciare che compaia la barra di scorrimento sul lato inferiore della finestra del browser.
Per avere un'idea:

<style>
span {
	width: 100px;
	height: 100px;
}
</style>

<span style="background-color: #333333"></span>
<span style="background-color: #666666"></span>
<span style="background-color: #999999"></span>
<span style="background-color: #CCCCCC"></span>

(con IE6 si vede bene, con Mozilla così ci sono problemi)

[skidx]

<style>
#contenitore{
  width:1200px;
  height:100px;
}

#contenitore div{
  float:left;
  width:300px;
  height:100px;
}
</style>


<div id="contenitore">
  <div style="background-color: #333333">ciao</div>
  <div style="background-color: #666666">ciao</div>
  <div style="background-color: #999999">ciao</div>
  <div style="background-color: #CCCCCC">ciao</div>
</div>

Serve il div contenitore (con width la somma dei div interni) affinchè non vadano accapo superata la larghezza della pagina.

Se il risultato non è come lo volevi, chiedi pure.

[daneel]

Grazie skidx, è proprio quello di cui avevo bisogno. C'è solo la necessità di definire la larghezza del div, ma non è poi un problema.

[skidx]

Originariamente inviato da daneel
C'è solo la necessità di definire la larghezza del div, ma non è poi un problema.

Al momento credo sia l'unico modo per costringere il browser a tirar fuori la barra orizzontale senza portare contenuti accapo.
Devi fargli tu lo spazio, in pratica.