ZONE CSS
Information accessibilité
Définition de la css overflow-y
Définition de overflow-y
La propriété de feuille de style css overflow-y permet de gérer les dépacements de blocs verticaux en affichant une scrollbarre ou barre de défilement verticale(calque, champ formulaire, ...).
overflow-y : scroll;
}
La propriété de feuille de style css overflow-y peut prendre la valeur de :
- visible, rend visible tout ce qui dépasse.
- hidden, cache tout ce qui dépasse.
- scroll, met toujours une barre de défilement verticale.
- auto, met une barre de défilement verticale si besoin.
- inherit, hérite de son parent (css2).
Exemple de code :
identifiant{overflow-y : scroll;
}
La propriété de feuille de style css overflow-y peut prendre la valeur de :
- visible, rend visible tout ce qui dépasse.
- hidden, cache tout ce qui dépasse.
- scroll, met toujours une barre de défilement verticale.
- auto, met une barre de défilement verticale si besoin.
- inherit, hérite de son parent (css2).
La propriété de feuille de style overflow-y css est applicable sur toutes les balises HTML ou XHTML dont on a précisé la taille.
La propriété de feuille de style overflow-y css n'a pas d'équivalence en HTML.
Attention, la propriété de feuille de style overflow-y css n'est pris en compte qu'a partir de la version Internet Explorer 5, Firefox 1.5.
Les interprétations d'overflow-y entre les deux navigateurs sont possibles suivant les cas.
Internet Explorer 7 n'augmente pas le bloc pour overflow-y:visible contrairement à Internet Explorer 6.
Exemples et astuces css
Infos complémentaires Firefox/Nestcape
Comme vous pouvez le constater la feuille de style ou css (cascading style sheets) overflow-y n'est pas compatible avec les navigateurs comme Firefox >1.5/Nestcape.
Pour faire le même effet vous devez utilisez le code suivant :
display: block;
overflow:hidden;
overflow-x: hidden;
overflow-y: auto;
overflow : -moz-scrollbars-vertical;
}
Exemple :
Copie d'écran
Pour faire le même effet vous devez utilisez le code suivant :
Exemple de code :
#dmcscroll{display: block;
overflow:hidden;
overflow-x: hidden;
overflow-y: auto;
overflow : -moz-scrollbars-vertical;
}
Exemple :
Dmc aime les css et les feuilles de style Dmc aime les css Dmc aime les css et les feuilles de style Dmc aime les css Dmc aime les css et les feuilles de style Dmc aime les css
Copie d'écran
BUG INTERNAUTE
Explication
Vous trouverez ci-dessous divers bugs d'interprétation de la css overflow-y.
Ces bugs ont été transmis par les internautes du site.
J'ai vérifié certains bugs mais pour la plupart, ils sont soit sur MAC soit sur un navigateur que je ne possède pas.
Ceux que j'ai pu visualiser sont notés
Bug vérifié : oui.
Ces bugs ont été transmis par les internautes du site.
J'ai vérifié certains bugs mais pour la plupart, ils sont soit sur MAC soit sur un navigateur que je ne possède pas.
Ceux que j'ai pu visualiser sont notés
Bug vérifié : oui.