28173 sujets

CSS et mise en forme, CSS3

[Résolu]Probleme overflow : scrollbar invisible sous Mozilla

Salut à tous,

J'ai un probleme avec un overflow qui me saoule,
je vous explique :

Sous IE no blem, mais sous mozilla, soit je met 
overflow:scroll
et il me claque 2 scroll constamment, soit je le met 
overflow:auto
et la j'ai aucun scroll même lorsque le contenu est plus important que la div conteneur.

exemple :
.toto {width:500px; height:30px; overflow:auto}
<div class="toto">blablabla<br>blablablablabla<br>blablablablabla<br>blablablablabla<br>blabla
</div>


Si vous avez une idée n'hésitez pas ca me sortira d'une belle galère

Bien à vous,

Stef
Modifié par StormBoy (07 Mar 2006 - 18:34)
Salut,
Pour pouvoir t'aider, il faudrait un exemple en ligne ou au pire une copie de ton code. En effet, le problème doit se situer ailleurs, peut être au niveau du positionnement de tes éléments dans la div que tu veux scroller.
Salut et merci pour ta réponse :

Voici le code exact :

HTML :
<div class="ListeLien_top">TITRE DE LA LISTE DE LIEN</div>
<div class="ListeLien_liste">
- <a href="#">Premier lien</a><br>
- <a href="#">Deuxieme lien</a><br>
- <a href="#">Troisieme lien </a><br>
- <a href="#">Quatrieme lien </a><br>
- <a href="#">Cinquieme lien </a><br>
</div>
<div class="ListeLien_btm"> </div>


PARTIE CSS 
.ListeLien_top {
height:22px; 
width:251px; 
background-image:url(../images/gra-in-ray-haut.gif); 
background-repeat:no-repeat; text-align:center; 
padding-top:4px;
color:#000000;   
}
.ListeLien_liste {
height:30px;
width:245px; 
background-color:#FFFFFF;
overflow: auto;
color:#000000;
font-weight:normal;
text-decoration:none;
border:solid 1px #B5B3B6;
padding-left:2px;
padding-right:2px;
}
.ListeLien_liste a {
text-decoration:none;
color:#000000;
}
.ListeLien_liste a:hover {
text-decoration:underline;

}
.ListeLien_btm {
height:17px; 
width:251px; 
margin-top:3px;
background-image:url(../images/gra-in-ray-bas.gif); 
background-repeat:no-repeat;  
color:#000000;   
}


Avec ce code pas de blem sur IE et mais aucun scroll sous Mozilla ! Smiley decu
En fait, ta div n'est pas assez haute pour afficher les flèches de la scrollbar, donc il semblerait que Firefox la zappe. Je n'ai pas d'explications, peut être que quelqu'un de plus expert trouvera une raison !
Dans tous les cas, il suffit d'augmenter la hauteur de ta div à 32px ou plus pour résoudre le problème.
Jihel a écrit :
En fait, ta div n'est pas assez haute pour afficher les flèches de la scrollbar, donc il semblerait que Firefox la zappe.


j'ai déjà eu ce souci....
le seul moyen que j'avais trouvé était d'agrandir la div comme Jihel te l'as conseillé.
Smiley cligne
exact ! un grand merci à vous.
C'est interessant de savoir que firefox zape la scrollbar quand c'est trop petit j'y avais pas pensé.
Merci encore !
Sujet clos
Aller à