impostare due DIV uno accanto all'altro [era:Colonne]

[Dubal]

Ciao,
volevo sapere se c'è un metodo corretto per creare due colonne tramite DIV/CSS

Quasi sempre, all'interno della pagina che devo realizzare ho la necessità di avere due colonne.
Quella si "sinistra" dove inserisco il testo della pagina e quella più a "destra" dove inserisco un secondo menu, dei banner per richiamare un argomento ecc...
Entrambi i DIV sono contenuti dal DIV=contenitore.

Solitamente i due DIV li impostavo con float:left , ma con Firefox mi succedeva di assistere ad uno strano slittamento random, il DIV di destra scivolava alla base di quello si sinistra, poi tornava al suo posto.

Come li imposto due DIV uno accanto all'altro?

Grazie

[miki003]

<style>
#contenitore {
clear:both;
}
#div1 {
float: left;
}
#div2 {
float: left;
}
</style>

<div id="contenitore">
<div id="div1"></div>
<div id="div2"></div>
<div style="clear:both;"></div>
</div>

[caste1982]

Secondo me la cosa migliore da utilizzare sono i position relative e absolute.
cerca su google... ci sono mille guide. Molto semplice da usare.
Fammi sapere come ti sei trovato. ciao

[miki003]

Originariamente inviato da caste1982
Secondo me la cosa migliore da utilizzare sono i position relative e absolute.

Questa poi mi è nuova!

[PressioneZ]

Invece di un div, credo troveresti giovamento nell'usare il tag <span>

[miki003]

Scusate ma il float l'hanno abolito? Non serve più a nulla?

[caste1982]

Guarda , io i siti li creo tt con div usando i position e mi trovo benissimo. Semplice nel creare 1 , 2 ,3 ,4 , x colonne..

Come regole :
1) 2 div relative non possono essere messi affiancati;
2) un div absolute deve andare dentro un relative e non il contrario;
3) puoi affiancare un relative e un absolute;

Comunque cerca in google...

[Mich_]

In questo thread sono state scritte molte cose inesatte (quasi tutte?).

Usare i posizionamenti assoluti puo` sembrare una soluzione semplice, ma ha il grosso difetto che non regge il ridimensionamento (o dimensioni diverse della finestra), per cui e` una pratica da usare solo se si ha una esperienza notevole e se si conoscono tutti i problemi.
Il tag <span> e` di tipo inline, e non e` buona cosa farlo diventare di tipo block (si hanno gravi problemi di semantica, con conseguenti problemi nell'indicizzazione e nella accessibilita`).

In linea di massima per affiancare due oggetti (di tipo block) si usa il float. Occorre solo ricordarsi di inserire il clear alla fine.
Comunque ci sono ottimi esempi di layout pronti in rete.
Tra i "link utili" sono citati alcuni buoni esempi, altri si possono trovare mediante ricerca in rete.

[Dubal]

Grazie,
molte proposte

Ho utilizzato anche io il DIV clear=both sotto le due colonne (anche sopra), ma lo slittamento random non sono riuscito a risolverlo.
L'ho risolto, in un caso, mettendo al DIV contenitore overflow:hidden ... non chiedetemi il perchè.

Cercherò ciò che avete suggerito

[Mich_]

Originariamente inviato da Dubal
Grazie,
molte proposte

Ho utilizzato anche io il DIV clear=both sotto le due colonne (anche sopra), ma lo slittamento random non sono riuscito a risolverlo.
L'ho risolto, in un caso, mettendo al DIV contenitore overflow:hidden ... non chiedetemi il perchè.

Cercherò ciò che avete suggerito

Devi chiarire se si tratta di un baco di IE (quale versione? quale DTD usi?), oppure di una cosa che succede anche in altri browser.
Nel primo caso, occorre cercare tra gli hack per IE, nel secondo c'e` qualche problema nel codice.