Comment obtenir le défilement horizontal avec l'élément div?
J'ai cet élément div:
<div id="tl" style="float:right;width: 400px; height:100px; background-color:Green; overflow-x: scroll;overflow-y: hidden;">
<div id='demo' style="float:left;height:90px;"> dsadsad </div>
<div id='demo' style="float:left;height:90px;"> dsadsad </div>
</div>
La div démonstration en copie par le code plusieurs fois à l'intérieur de tl div.
Je tiens à Défilement Horizontal de la tl div.
Comment puis-je l'atteindre?
Juste au passage, la valeur de la
nikc iths seulement pour l'exemple que vous pouvez envisager pour d'autres div avec flotteur gauche
Au premier coup d'œil, que le balisage semble comme il se doit le travail. Si vous ne overflow-x:auto; il ne sera pas afficher la barre de défilement si elles ne sont pas nécessaires
id
attribut doit être unique.nikc iths seulement pour l'exemple que vous pouvez envisager pour d'autres div avec flotteur gauche
Au premier coup d'œil, que le balisage semble comme il se doit le travail. Si vous ne overflow-x:auto; il ne sera pas afficher la barre de défilement si elles ne sont pas nécessaires
OriginalL'auteur avnic | 2009-08-24
Vous devez vous connecter pour publier un commentaire.
Pour votre "démonstration" de la vrd, changement float: left display: inline-block; ensuite, il doit travailler.
Aussi, voir Débordement de Pile question "Comment obtenir des DIVs Flottantes à l'intérieur de largeur fixe DIV continuer à l'horizontale?" pour plus de suggestions...
EDIT: comme timhessel dit dans les commentaires ci-dessous, Internet Explorer 6/7 n'accepte pas inline-block pour les éléments div, donc vous devez utiliser des éléments span pour la "démo" divs au lieu de cela, car ils sont intrinsèquement inline par défaut.
cela est vrai, alors la "démo" divs doit être modifié pour des éléments span place.
salut je l'ai changé pour <span style="float:left;height:100px;" >texte</span> il a aussi ne fonctionne pas comme il devrait, il est le Défilement Horizontal mais je ne peux pas faire défiler
vous devez changer float:left à display: inline-block;
ainsi que l'évolution de la div pour une durée de. Il fonctionne pour moi dans Safari.
OriginalL'auteur Paul
Après avoir fait quelques recherches, et d'essayer quelques choses, je crois que ce que vous essayez de faire, ne peut vraiment être atteint sans avoir un autre récipient, qui a une largeur fixe, flottant éléments de pile à eux-mêmes en fonction de la taille du conteneur.
Le CSS:
Le code HTML:
Voir la démo en live:
http://nikc.kapsi.fi/dev/html/misc/horiz-scroll.html
Également prendre un coup d'oeil à une question similaire posée avant:
HTML Vrd, Colonnes, Barre de Défilement Horizontale
OriginalL'auteur nikc.org
Si vous utilisez jQuery, j'ai été à l'aide de la suite à faire ce que je pense que vous voulez.
http://www.gcmingati.net/wordpress/wp-content/lab/jquery/newsticker/jq-liscroll/scrollanimate.html
OriginalL'auteur Brian