18067 sujets

Questions générales et questions de débutants

Adapter un div en largeur

Je souhaite creer une zone de taille fixe avec un scrolling horizontal uniquement, dans laquelle je positionne, à la suite, des éléments dont le nombre est variable.
(une sorte de galerie d'image)

Pour cela j'ai un "container" qui contient une "scrollbox" qui contient plusieurs d'élément "picto"

Seulement, pour que cela marche je dois imposer une largeur fixe à ma scrollbox. or suivant le nombre de picto il faudrait que cette largeur s'adapte au nombre de pictos.



#container {

 width: 600px;
 height: 210px;
 overflow: auto;
 background:#f4f4f4;
 border:1px solid #aaa;

}



#scrollbox {width:1600px; height:160px; background:#f4f4f4; overflow:hidden;  margin:0px;}

.picto {
        padding : 0.5em;
        margin: 20px;
        position: relative;
        float: left;
	background : transparent;

}


html
<div  id="container">
   <div id="scrollbox">
     <div class="picto"><a href="main.php?id=1" ><img src="images/picto1.png" alt="" /><br />Picto1</a></div>
     <div class="picto"><a href="main.php?id=2" ><img src="images/picto2.png" alt="" /><br />Picto2</a></div>
     <div class="picto"><a href="main.php?id=3" ><img src="images/picto3.png" alt="" /><br />Picto3</a></div>
   </div>
</div>
Administrateur
Bonjour à toi aussi et bienvenue ici,

Tiens, au fait, sais-tu que les mots "bonjour", "s'il vous plaît", "au-revoir", etc. sont tous des mots du dictionnaire et que nous les utilisons ici sans honte ?

D'ailleurs contrairement aux apparences, tes interlocuteurs sont tous des vrais gens dans la vraie vie, comme toi, et non des robots.

Lorsque tu rencontres des personnes et que tu voudrais leur poser des questions, tu ne commences pas par leur dire bonjour ? Ou même par te présenter un peu ?

Est-ce vraiment trop demander que de ne pas avoir de fast-food ici et que les membres respectent des règles minimales de courtoisie ? Smiley sweatdrop
Désolé si j'ai pu paraitre impoli.

Mon propos était d'être le plus concis possible,

le fast food n'est pas vraiement ma nourriture préférée Smiley cligne

mes plus plates excuses
Bonjour

non, width:auto ne resout pas le Pb
Au contraire Smiley cligne
cela me tronque le contenu.

dommage c'était une bonne idée !

on dirait que la taille s'adapte au container et non au contenu.

pour voir le résultat, j'ai mis en test à cette adresse :

http://mikro.chez-alice.fr/scroll.html

A+
Sujet clos
Aller à