n° 219
Novembre 2017
Dicembre 11, 2017, 04:20:11 *
Benvenuto! Accedi o registrati.
Hai dimenticato l'e-mail di attivazione?

Accesso con nome utente, password e durata della sessione
Notizia:
 
   Indice   Linux Windows Techassistance Gameassistance videogame hardware Aiuto Ricerca Agenda Downloads Accedi Registrati  


* Messaggi recenti
Messaggi recenti
Pagine: [1]   Vai giù
  Stampa  
Autore Discussione: Div con scroll  (Letto 1714 volte)
0 utenti e 1 Utente non registrato stanno visualizzando questa discussione.
iandaniel
Newbie
*

Karma: +0/-0
Scollegato Scollegato

Messaggi: 4


Mostra profilo E-mail
« inserita:: Agosto 29, 2016, 05:27:33 »

Ho un div di larghezza 60% e overflow-x attivato che contiene diversi div di larghezza prefissata di 400px e float:left.
Quando il 60% di width termina, il sistema mi manda i div interni a capo. Io invece vorrei che i div rimanessero sulla stessa riga e che si attivasse lo scroll orizzontale.
Potete aiutarmi?

Codice:
<div style="width:60%;float:left;background-color:red;overflow-x:scroll;">
          <div style="float:left;width:400px;">ciao</div>
           <div style="float:left;width:400px;">ciao</div>
           <div style="float:left;width:400px;">ciao</div>
</div>


spero che postandovi il codice vi sia più chiaro.

GRazie
Registrato
alex.75
invioattach
Full Member
***

Karma: +14/-4
Scollegato Scollegato

Messaggi: 357



Mostra profilo WWW
« Risposta #1 inserita:: Settembre 03, 2016, 11:47:20 »

https://jsfiddle.net/qtn7bpfh/1/

Codice:
<div style="width:60%; overflow-x:scroll; border: solid 1px #ddd;">
    <div class="inner-container">
        <div class="panel w400">left</div>
<div class="panel w400">center</div>
<div class="panel w400">right</div>
    </div>
</div>

Codice:
.panel {
    float:left;
    //border: solid 1px #999;
}
.inner-container { width: 1206px /* panels width + borders */}
.w400 { width:400px; }

ciao
Registrato
Pagine: [1]   Vai su
  Stampa  
 
Vai a:  

Copyright © 2017 Edizioni Master SpA. p.iva : 02105820787

Tutti i diritti di proprietà letteraria e artistica riservati. - Privacy



powered by Simple Machines