proprietà float e clear

[Hero_089]

ho un problema con le proprietà float e clear.

in questo pezzo di codice

 
<div id="container>   
    [altre div.element]
    <div class="element">
      <h1>Data</h1>
      <div class="cleaned">
        <input id="ctl00_Main_RadioCln" type="radio" name="ctl00$Main$date" value="RadioCln" /><label for="ctl00_Main_RadioCln">Nessuna data</label>
        <input id="ctl00_Main_RadioIns" type="radio" name="ctl00$Main$date" value="RadioIns" /><label for="ctl00_Main_RadioIns">Inserimento Segnalazione</label>
        <input id="ctl00_Main_RadioCls" type="radio" name="ctl00$Main$date" value="RadioCls" /><label for="ctl00_Main_RadioCls">Prevista chiusura</label>
        <input id="ctl00_Main_RadioVnd" type="radio" name="ctl00$Main$date" value="RadioVnd" /><label for="ctl00_Main_RadioVnd">Vendita</label>
        <input id="ctl00_Main_RadioStp" type="radio" name="ctl00$Main$date" value="RadioStp" /><label for="ctl00_Main_RadioStp">Installazione</label>
      </div>
    </div>
    [altre div.element]
</div>

con il seguente foglio di stile

#container
{
  margin: 10px auto;
  width: 670px;
}

.element
{
  float:left;
  margin: 5px;
  border: solid 2px #000;
  border-top: none;
  padding: 0 10px 10px 10px;
  width: 300px;
}

.cleaned label
{
  clear: both;
}

ma la proprietà clear non mi funziona, quindi ogni label mi sta accanto a quella successiva.
il risultato finale che vorrei ottenere è un altro, ma non so come fare... ho già provato a mettere

display: list-style;

nella classe cleaned, ma rimangono i punti delle liste che non sono desiderati... altre proposte?

PS il codice è generato da server.

[gabip87]

guarda un pò qui -> prettyaccessibleforms. so che l'inglese ti fa paura ma in questo caso ti basta guardare il codice.

[Hero_089]

beh il mio codice è molto differente da questo nel sito, ma proverò a rivederlo.

Cmq secondo voi non ci sono degli aggiustamenti da poter apportare nel foglio di stile?

[Hero_089]

prendendo spunto dal sito che mi hai passato, ho risolto in questa maniera

      <div class="cleaned">
        <input id="ctl00_Main_RadioNoData" type="radio" name="ctl00$Main$date" value="RadioNoData" checked="checked" /><label for="ctl00_Main_RadioNoData">Nessuna data</label>
        <input id="ctl00_Main_RadioInsSeg" type="radio" name="ctl00$Main$date" value="RadioInsSeg" /><label for="ctl00_Main_RadioInsSeg">Inserimento Segnalazione</label>
        <input id="ctl00_Main_RadioPreChi" type="radio" name="ctl00$Main$date" value="RadioPreChi" /><label for="ctl00_Main_RadioPreChi">Prevista chiusura</label>
        <input id="ctl00_Main_RadioVendit" type="radio" name="ctl00$Main$date" value="RadioVendit" /><label for="ctl00_Main_RadioVendit">Vendita</label>
        <input id="ctl00_Main_RadioInstal" type="radio" name="ctl00$Main$date" value="RadioInstal" /><label for="ctl00_Main_RadioInstal">Installazione</label>
      </div>
------------------------------------------------------------------------------
fogli di stile con (oltre ad altre) la seguente classe
.cleaned
{
  padding-bottom:4.5px;
}
.cleaned label
{
  line-height:20px;
  display:block;
  clear:right;
}
.cleaned input
{
  clear:left;
  display:block;
  float:left;
}

ps tho rinominato i radio button dal primo all'ultimo post