[CSS][DIV] Div sulla stessa linea

http://img411.imageshack.us/img411/3...nter001mv6.png

Sono 2 div con applicati del css per colorarli, solo che non voglio che siano uno sotto l'altro, ma uno di fianco all'altro fino a fine riga e solo quando non c'è ne stanno più vada a capo...

Mi sono girato alcune guide di css ma non trovo il tag da assegnargli per risolvere...

Premetto che i div hanno una larghezza di 150px, quindi abbondandemente più piccoli della pagina...

Qualcuno sa come risolvere?

Puoi fare così:

Codice HTML:

---

<div style="float:left;">Contenuto 1</div>
<div style="float:left;">Contenuto 2</div>

---

E all'elemento sotto devi la proprietà "clear:left;" nello stile.

Oppure puoi fare così:

Codice HTML:

---

<div style="display:inline;">Contenuto 1</div>
<div style="display:inline;">Contenuto 2</div>

---

http://img261.imageshack.us/img261/5...nter001zv0.png

Ho usato display: inline;

http://img233.imageshack.us/img233/7...nter002zp9.png

Ho usato questo:

Codice PHP:

---

$i = 0;
for(...)
{
$style = ($i == 0) ? 'float:left;' : 'clear:left;';
print '<div class="albumDiv" align="center" style="'.$style.'">.....</div>';
$i++;
}


---

e di conseguenza l'html generato è questo

Codice:

---

<div class="albumDiv" align="center" style="float:left;">...</div>
<div class="albumDiv" align="center" style="clear:left;">...</div>

---

:???:

Il "clear:left;" lo devi dare all'elemento che c'è dopo i due div.

Ah ok... Avevo capito male :mrgreen:

Ora funfa :tongue

Grazie :wink: