scroll vertical css

[jpclutier]

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.

[LhIaScZkTer]

Salut jbclutier,

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

Code :

1
2
 
overflow : scroll;

Bonne journée

[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

[ornitho13]

Salut,

fixe une largeur sur ton conteneur contenant ton overflow.

[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

[jpclutier]

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...