div, float left

[Progeny]

Salve, ho questo CSS:

div#friends_container {
  width: 100%;
  margin: 0 auto;
}

div#friends_avatar {
  float: left;
  width: 100px;
  text-align: left;
}

div#friends_info {
  width: 50%;
  float: left;
  text-align: left;
} 

e questo codice PHP che mi cicla dei dati.

  default:
    $friends = $usr->Friends->Get();
    foreach($friends as $friend) {
      ?>
      <div id="friends_container">
        <div id="friends_avatar">
          [img]include/snapshot.php?uid=<?=$friend['uid']?>&amp;mode=avatar[/img]
        </div>
        <div id="friends_info">
          <?=$friend['username']?>
        </div>
      </div>
      <?
    }
  break;

il problema è che ad ogni ciclio, "l'insieme di tutti i div", "div container", non me lo mette uno per ogni "riga", ma uno affianco all'altro...

http://img522.imageshack.us/img522/2376/cssnk4.png

qui vedete il risultato che ottengo... io vorrei però, una foto e l'username affiancati, uno "per riga", cioè un div container uno sotto l'altro e non affiancati... come posso sistemare il mio css?

[Progeny]

risolto con un div cleaner... mhmm ma c'è una soluzione più elegante?

[Mich_]

Non puoi usare id uguali per piu` di un oggetto per ogni pagina.

Se vuoi ripetere una formattazione devi usare le classi.

Per il tuo problema, cerca la pillola "fab cleaning" in questo forum.

[Progeny]

ok mille grazie