"Div o non Div", questo è il problema...

[Limma]

Spero di postare nella sezione giusta... 

Per impaginare i contenuti di alcune pagine ho utilizzato una semplice struttura:

Codice: [Seleziona]

<div id="box">
<div id="left">contenuto testo o immagine</div>
<div id="right">contenuto testo o immagine</div>
</div>con queste regole css:

Codice: [Seleziona]

#box {
width:100%;overflow:auto;padding-right: 15px;padding-bottom: 15px;
}
#left{
float:left;width:auto;padding-right: 15px;padding-bottom: 15px;
}
#right{
float:left;width:auto;
}

@media (max-width: 600px) {
#left{
float:none;width:auto
}
#right{
float:none;width:auto
}

Tutto funziona bene, nel senso che su display da smartphone e dintorni il div "right" passa sotto al div "left" (che è quello che cercavo di ottenere); e fin qui ci siamo, credo.
Potete vedere il risultato qui.

Chiederei ai più esperti se c'è qualcosa di non corretto in quello che ho fatto e, magari, se si può migliorare il codice che ho utilizzato o usarne uno diverso...

Grazie in anticipo! 

[giusebos]

secondo me ti sei complicato la vita, per ottenere il medesimo risultato con meno codice bastava dare il float all'immagine con l'editor......