Back to top

Autore Topic: [RISOLTO]scroll orizzontale, dove sei??!:-)  (Letto 2597 volte)

Offline baggio

  • Nuovo arrivato
  • *
  • Post: 46
    • Mostra profilo
[RISOLTO]scroll orizzontale, dove sei??!:-)
« il: 19 Lug 2012, 18:21:38 »
Ciao a tutti


Il template è beez_20, avrei bisogno di inserire lo scroll orizzontale che appaia solo quando ce ne sia bisogno, cioè in caso venga fatto uno zoom, o il sito venga visualizzato da mobile.


Ho inserito la regola :  overflow-x:auto;
riferita al div "ALL", il container di beez_20. Ho aggiunto anche important ma non funziona.


Poi ho provato per tentativi ad assegnarla anche ad altri tag come al body, ma niente.


Dove sbaglio???


ps:Vorrei un effetto come questa pagina quando provate a zoommare appare lo scroll orizzontale. Ho provato ad analizzarla con firebug ma non mi mostra mai la proprietà overflow.


Il Divin Codino vi ringrazia! :-))
« Ultima modifica: 20 Lug 2012, 01:37:21 da baggio »

Offline baggio

  • Nuovo arrivato
  • *
  • Post: 46
    • Mostra profilo
Re:scroll orizzontale, dove sei??!:-)
« Risposta #1 il: 19 Lug 2012, 21:16:26 »
Per chi volesse darmi una mano:


http://demo16.joomler.net/sample-sites.html



Ho trovato delle demo dei template di joomla.
Si puo' passare velocemente da atomic a beez_20 etcc
e possiamo vedere che su atomic se facciamo uno zoom appare lo scroll orizzontale, mentre su beez_20 se facciamo uno zoom non appare.


Sonoo 3 ore che cerco in tutti i file .css di beez_20 quale possa essere il problema, ma niente proprio.


Che ne pensate?

Offline conti1

  • Global Moderator
  • Instancabile
  • *****
  • Post: 9075
  • Sesso: Maschio
    • Mostra profilo
Re:scroll orizzontale, dove sei??!:-)
« Risposta #2 il: 20 Lug 2012, 00:08:47 »
ciao e dove lo vorreste vedere  lo scroll?

ti faccio un esempio sul tuo articolo  del tuo link
hai un css originale  position.css riga 85
#main {    min-height: 420px;    padding: 10px 0 20px;    position: relative;}

metti lo in questo modo
#main {    height: 177px;    overflow-y: scroll;    padding: 10px 0 20px;    position: relative;}
« Ultima modifica: 20 Lug 2012, 00:13:43 da conti1 »
se possibile postare il link  x risolvere al meglio il problema grazie
evitare nomi commerciali grazie

Offline baggio

  • Nuovo arrivato
  • *
  • Post: 46
    • Mostra profilo
Re:scroll orizzontale, dove sei??!:-)
« Risposta #3 il: 20 Lug 2012, 01:36:48 »
Risolto, ho trovato su un forum inglese la soluzione


in css/personal.css (if you are using beez_20 template):

body
{


width: 960px;
margin: 0 auto;
overflow: auto;
}


dovevo specificare anche il width.


Il Divin Codino

 



Web Design Bolzano Kreatif