[RISOLTO] Div che in modalità responsive non va "a capo"

[vasco87]

Ciao ragazzi  ho un problemino di css in un sito con template responsive.. sicuramente sbaglio qualcosa nel css ...

Devo inserire in un articolo due div, uno a destra(contiene del testo) e uno a sinistra(una galleria fotografica ). Inserisco questi codice html

<div class="colonna1"> testo </div> <div class="colonna2"> codice plugin </div>

il css è così :

}
.colonna1 {
    width: 50%;
    float: left;
}
.colonna2 {
    width: 50%;
    float: right;

Bene dal pc vedo tutto perfetto.. ma da smartphone si divide il tutto in due colonne affiancate... il div "colonna2" non va "a capo" ma rimane affiancato al div "colonna1".. ho provato anche a mettere le dimensioni in pixel.. e cosi va a capo ma si vede malissimo...

dove sbaglio? grazie

[giusebos]

Devi usare le media queries

inserisci nelle dimensioni del media le dimensioni che deve avere il monitor quando la regola deve intervenire, ma non escludo che funzioni già così

Codice: [Seleziona]

@media all and (max-width: 699px) and (min-width: 520px) {
 .colonna1 {
    width: 50%;
    float: left;
}
.colonna2 {
    width: 50%;
    float: right;
  }
}

[vasco87]

Grande! così funziona!

Ho solo modificato questa riga così :

@media all and (max-width: 1920px) and (min-width: 520px) {

Con il max width impostato a 699px funzionava si da responsive, ma da pc il div "colonna2" me lo ritrovavo sotto a "colonna1" e non al suo fianco.... ho fatto bene ?

[giusebos]

benissimo, non dimenticare di inserire [risolto] nel primo titolo editando il primo post ed inserendolo all'inizio.

[vasco87]

fatto! grazie ancora

[giusebos]

cortesemente all'inizio del titolo, li ha un certo valore, in fondo non serve a niente

[vasco87]

yes!

[vasco87]

ultimo problemino... con internet explorer 10 il div della "colonna 2" rimane a "capo" da pc.. che può essere ?