scroll vertical css

Version imprimable

scroll vertical css

Bonjour,
Voici un extrait de code de la feuille de style livrée avec un style et jquery.

Code:

1
2
3
4
5
6
7
8
 
.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; }
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em 1.1em; }
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { padding: 1em 1.1em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; }
.ui-accordion .ui-accordion-content-active { display: block; }/* Datepicker

Je souhaite rajouter un scroll auto VERTICAL. Or l'overflow ne fonctionne que dans l'axe horizontal. J'ai essayé overflow-y mais cela ne fonctionne pas.
Nous avons IE 6 SP1, IE 6 SP2, IE8
Merci de votre aide.

29/12/2010, 13h52
LhIaScZkTer
Salut jbclutier,

si tu passes ton overflow à scroll ça ne fonctionne pas non plus ?
Code:

1 2 overflow : scroll;
Bonne journée
29/12/2010, 14h14
jpclutier
j'ai essayé overflow: scroll cela donne une barre horizontale
j'ai essayé overflow-y: scroll cela donne toujours une barre horizontale
j'ai essayé
Code:

1 2 overflow : auto; overflow-x: hidden; overflow-y: scroll (ou auto)
toujours pareil
29/12/2010, 14h32
ornitho13

Salut,

fixe une largeur sur ton conteneur contenant ton overflow.
29/12/2010, 14h34
jpclutier

une largeur ? comment cela stp ?
d'autant que je souhaite bien un ascenseur vertical...
peux-tu me donner un bout de code stp ?
merci

1 pièce(s) jointe(s)

de plus tout vient aussi du fait que je ne parviens pas à voir où se règle l'interligne dans ce put... de fichier css (je vais le joindre). Voici le code dans le html qui l'appelle :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 ... Dans le Head <SCRIPT type=text/javascript> $(document).ready(function(){ $(function() { $("#accordion").accordion({header: "h3"}); }); }); </SCRIPT> ...Puis dans le Body </div> <TD width='500' rowspan='10'> <DIV id=accordion> <H3><A href="#">Mon Titre 1</A></H3> <DIV><P><a href="\\serveur\Partage1l">Sous titre 1</a></P> <P><a href="\\serveur\Partage2">Sous titre 2</a></P></DIV> ...etc
L'affichage est à peu près correct mais entre les lignes sous titre 1 et 2 j'ai un espace blanc qui fait environ 5 fois la hauteur d'une ligne de texte..
Je joins le fichier css.
Si quelqu'un a une bonne idée..car je suis en cale sèche...