Allineare 4 div

[Jakub1996]

Ciao a tutti!

Sto cercando una classe che mi permetta di allineare 4 div all'interno di un div contenitore.

<div class="contenitore">
<div class="primodiv">...</div>
<div class="seconddiv">...</div>
<div class="terzodiv">...</div>
<div class="quartodiv">...</div>
</div>

Ho bisogno di questa cosa per rendere un template interamente Responsive.

Quindi di default metterei questa proprietà per allinearli e poi a una certa risoluzione la cambierei in modo da renderli uno sotto l'altro.

Spero di essere stato abbastanza chiaro.
Anche se conoscete un'altro metodo per farlo. Va più che bene!
Aspetto una risposta!

Grazie in anticipo!

[Nobody33]

Quando si rimpicciolisce lo schermo, i div si sposteranno in automatico uno sotto l'altro con il float.

[Jakub1996]

Quando si rimpicciolisce lo schermo, i div si sposteranno in automatico uno sotto l'altro con il float.

Ok, ma come faccio ad allinarli???

[ac_socmel]

con il float.

cerca nel sito e nel forum
ci sono tanti esempi

e come ciliegina studia le media-queries che vanno tanto di moda

[Nobody33]

QUI troverai di sicuro alcuni esempi che fanno per te.

[Jakub1996]

Non avete capito la mia domanda.
Io so come creare un layout responsive.

La cosa che non so è come allineare in CSS 4 div.
In HTML potrei farlo con una semplice tabella, ma io sto cercando una proprietà che me lo permetta di fare in CSS.

Ho trovato alcuni topic simili su questo forum e ho provato quasi di tutto (tra cui anche il "float"), ma non funziona.

Spero adesso sia più chiaro. Grazie in anticipo.

[ac_socmel]

a questo punto meglio se mostri la pagina
non è normale che tu riesca a fare un sito "responsive", ma fallisca ad assegnare un "float"

[frenkytribe]

O.o se devi usare una classe per ogni div che senso ha usare la classe? metti id...
Cioè non capisco perchè la classe di ogni div ha un nome diverso, quando puoi semplicemente fare

<divclass="contenitore">
<divclass="allinea">...</div>
<divclass="allinea">...</div>
<divclass="allinea">...</div>
<divclass="allinea">...</div>
</div>

e nel css

.allinea{
    float: left;
}

[ac_socmel]

visto che non conosciamo la pagina il nome non è un problema ne tanto meno l'uso di class oppure id
al limite possiamo assicurarci che sappia che si possono assegnare 2 o più classi allo stesso elemento

<div class="contenitore">
    <div class="primodiv allinea">...</div>
    <div class="secondodiv allinea">...</div>
    <div class="terzodiv allinea">...</div>
    <div class="quartodiv allinea">...</div>
</div>

[Jakub1996]

Grazie mille! Ho risolto.

Per sbaglio avevo aggiunto una cosa inutile nella parte HTML, che impediva ai div di essere allineati.