Joomla.it Forum
Joomla! 2.5 (versione con supporto terminato) => Joomla! 1.6/1.7/2.5 => : jurij 09 Mar 2013, 11:36:46
-
Salve a tutti!
Vorrei porvi un problema che mi sta facendo ammattire. Mi spiego...
Ho un template in cui ho messo i contenuti ed è costituito da un'intestazione che prende tutta la larghezza del foglio. Sotto di essa ci sono 3 div affiancati e che hanno larghezza in percentuale (33%). Nella visualizzazione su desktop nessun problema, ma quando vado a installare jtouch per la versione mobile mi succede una cosa che non riesco a risolvere: i tre div si incolonnano uno sotto l'altro (e fin qui tutto ok) ma continuano ad occupare sempre il 33% del display anche se di lato ho ancora molto spazio vuoto. non riesco proprio a capire dove andare a parare per risolvere questa cosa :(
in ogni caso grazie a tutti
-
è normale che sia così, dovresti fare un css apposito dove fai override della larghezza dei div per le varie risoluzioni dello schermo
-
basta che usi il bootstrap
-
grazie per le risposte. ma quindi, vedendo anche il numero abbastanza limitato di impostazioni, add on come jtouch sono inutili per quanto riguarda l'ottimizzazione dei contenuti per dispositivi mobili? peccato :-\
-
se il problema sono solo i 3 div gli assegni una classe e poi nel css del template metti qualcosa tipo questo:
@media (max-width: 767px) {
.miodiv { width:100% !important;
}
}
cioè se lo schermo ha una dimensione inferiore ai 767 px (puoi cambiare questo valore a tuo piacimento) i div occuperanno tutto lo spazio
-
grazie mille. sei stato gentilissimo. appena posso provo ad effettuare la modifica e vediamo che succede 8)