div che scendono

[gphp]

Ciao a tutti.
Ho quattro div affiancati

<div id="content">
<div id="single0">/</div>
<div id="single1">/</div>
<div id="single2">/</div>
<div id="single3">/</div>
</div>

il primo è fisso, mentre gli altri no.

#single0 {
        float:left;
        position: fixed;
        overflow: hidden;
        witdh: 30px;
}

#single1  {
        width:600px;
        float: left;
        position: relative;
        overflow:hidden;
}

#single2  {
        width: 350px;
        float: left;
        position: relative;
        overflow:hidden;
}

#single3  {
        width: 240px;
        float: right;
        position: relative;
        overflow:hidden;
}

PROBLEMI:

1. come mai single3, avento un float right non rimane a destra ma si accoda agli altri verso sinistra?

2. come devo fare per far si che, se rimpicciolisco la pagina, i div rimangano allineati ( e si attivi lo scroll orizzontale) e non scendano sotto quando non ci stanno più?

questo è il content

#content
{
float:left;
margin: 55px auto;
position_relative;
clear: both;
}

grazie

[ResianTaxidrive]

il content ha un errore di sintassi lì del posizionamento.

Ma c'è un motivo per tutti questi posizionamenti? O è a scopo didattico?

[gphp]

ho corretto il content.
no, non c'è nessun motivo, le sto provando tutte e continuano a scendere quando rimpicciolisco..

[ResianTaxidrive]

che DOCTYPE usi?

[ResianTaxidrive]

Il problema è che tu non assegni una larghezza al content per cui il browser non sa quale spazio devono occupare i contenitori; l'ultimo flotta a destra solo che non ci si accorge della cosa. Dove vorresti che flottasse? fino al bordo dx del browser? Allora devi mettere a content width:100%.

Se invece vuoi che i contenitori non vadano sotto metti a content una larghezza in pixel.