Affiancare 4 div dentro un contenitore [era: 4 Div]

[waveph]

salve a tutti sono nuovissimo in tutti i sensi...
sto imparando adesso a fare un po' di cose con questi benedetti css...

domanda...

come allineo 4 div orizzontalmente all'interno di un container che li include


cioe' ci sono riuscito...ma credo di aver usato un sistema troppo macchinoso

ho creato una quantita' infinita di div per far si che gli elementi non scavallino

css:
.gdscontainer{
width:640px;
float:right
}

.gdsleft{
width:319px;
float:left;
}

.gdsleftboxleft{
width:159px;
float:left;
}

.gdsleftboxright{
width:159px;
float:right;
}

.gdsright{
width:318px;
float:right;
}

.gdsrighttboxleft{
width:159px;
float:left;
}

.gdsrighttboxright{
width:159px;
float:right;
}

.gdscontainer p{
font: 0.9em 'Trebuchet MS', Tahoma, Sans-serif; color:#666666;
}


grazie

waveph

[fcaldera]

Benvenuto nel forum
però la prossima volta usa un titolo un po' più esplicativo (dai un occhio al regolamento in evidenza)


Circa il tuo problema: quanto devono essere larghi rispettivamente i 4 div?

[waveph]

ma in realta' non devono avere una dimensione fissa...

se guardi il link

http://castleapartments.co.uk/index.htm


sono gia' impostati e funziona... ma vorrei sapere se ho creato troppi div uno dentro l'altro o se va bene la struttura creata

grazie... e scusa per il titolo mi sono fiondato senza leggere

[fcaldera]

in pratica hai un contenitore che contiene due sottocontenitori
ciascun sottocontenitore contiene due blocchi.

Puoi semplificare : basta un contenitore (con clearing) che contiene direttamente i 4 blocchi div floattati, però sarebbe indicato impostare una larghezza, ad es.

#contenitore {  height: auto; overflow: hidden; width: 600px; }
#contenitore div {  width: 140px; margin-right: 10px; float: left; display: inline; }


<div id="contenitore">
   <div>1</div>
   <div>2</div>
   <div>3</div>
   <div>4</div>
</div>

[waveph]

grazie infinite...

ieri sono scappato a casa e non ho avuto modo ne di vedere ne di rispondere ovviamente...

mi puoi consigliare qualche sito dove posso studiare... se ne trovano tanti ma magari ne sai qualcuno che giudichi migliore e completo...


grazie ancora

daniele

[fcaldera]

guarda tra i link utili in evidenza... ci sono decine di risorse suddivise per categoria.