div in orizzontale

02-03-2018, 11.46.48

salve ragazzi non riesco a far visualizzare alcuni div in orizzontale con la possibilità di scrollarli in orizzontale, scusate la ripetizione.

in pratica la pagina non dovrebbe mai scrollare sull'asse delle y, ho cercato di trovare una soluzione in altre chat ma nada proprio non va , comunque di seguito vi lascio un semplice script per farvi vedere come sto lavorando:

Codice HTML:

<!DOCTYPE html>
<html>
<head>
<style>
.contenitore {
    overflow-x:scroll;
    overflow-y:hide;
    width:100%;
    height:140px;
    display:inline-block;
}
.stin {
    width:200px;
    height:100px;
    float: left;
}
</style>
</head>
<body>
<div class="contenitore">
  <div class="stin" style="background-color:red;">
  </div>
  <div class="stin" style="background-color:green;">
  </div>
  <div class="stin" style="background-color:yellow;">
  </div>
  <div class="stin" style="background-color:black;">
  </div>
  <div class="stin" style="background-color:red;">
  </div>
  <div class="stin" style="background-color:blue;">
  </div>  
</div>
</body>
</html>

Grazie a tutti e buona giornata

**alemoppo** · 02-03-2018, 13.06.29

Potresti risolvere impostando un ulteriore div contenitore a larghezza fissa. Non so però quanto sia una soluzione elegante:

Codice HTML:

<div class="contenitore">
	<div style="width:1200px">
	  <div class="stin" style="background-color:red;">
	  </div>
	  <div class="stin" style="background-color:green;">
	  </div>
	  <div class="stin" style="background-color:yellow;">
	  </div>
	  <div class="stin" style="background-color:black;">
	  </div>
	  <div class="stin" style="background-color:red;">
	  </div>
	  <div class="stin" style="background-color:blue;">
	  </div>
	</div>
</div>

Ciao!

Discussione: div in orizzontale

LinkBack

Strumenti discussione

Display

div in orizzontale

Regole di scrittura