Joomla.it Forum

Joomla! 2.5 (versione con supporto terminato) => Joomla! 1.6/1.7/2.5 => : vasco87 19 Oct 2013, 13:45:19

: [RISOLTO] Div che in modalità responsive non va "a capo"
: vasco87 19 Oct 2013, 13:45:19

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

: Re:Div che in modalità responsive che non va "a capo"
: giusebos 19 Oct 2013, 13:54:02

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ì

:

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

: Re:Div che in modalità responsive che non va "a capo"
: vasco87 19 Oct 2013, 14:09:52

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 ?

: Re:Div che in modalità responsive che non va "a capo"
: giusebos 19 Oct 2013, 14:17:57

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

: Re:Div che in modalità responsive che non va "a capo" [RISOLTO]
: vasco87 19 Oct 2013, 14:19:23

fatto! grazie ancora

: Re:Div che in modalità responsive che non va "a capo" [RISOLTO]
: giusebos 19 Oct 2013, 14:20:30

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

: Re:[RISOLTO] Div che in modalità responsive non va "a capo"
: vasco87 19 Oct 2013, 14:23:08

yes!

: Re:[RISOLTO] Div che in modalità responsive non va "a capo"
: vasco87 20 Oct 2013, 02:33:27

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