Définition de la css overflow-x

Propriété css : overflow-x

Détails des versions feuilles de style css overflow-x
Détails de compatiblilité de la feuilles de style css overflow-x pour les navigateurs
Internet Explorer 4+
Mozilla + et Firefox +
Safari 1 +
Chrome +
Netscape 6+

Définition de overflow-x

La propriété de feuille de style css overflow-x permet de gérer les dépassements de blocs horizontaux (calque, champ formulaire...) en affichant une scrollbarre ou barre de défilement horizontale.
Exemple de code :
identifiant{
  overflow-x : scroll;
}

La propriété de feuille de style overflow-x 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 horizontale.
- auto, met une barre de défilement horizontale si besoin.
- inherit, hérite de son parent (css2).

Exemple de code overflow-x

Application des overflow-x

La propriété de feuille de style overflow-x 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-x css n'a pas d'équivalence en HTML.

Problèmes des overflow-x

Attention, la propriété de feuille de style overflow-x css n'est pris en compte qu'a partir de la version Internet Explorer 5, FireFox 1.5+ et Safari 3+.
Les interprétations d'overflow-x entre les deux navigateurs sont possibles suivant les cas.
Internet Explorer 7 n'augmente pas le bloc pour overflow-x:visible contrairement à Internet Explorer 6.

Exemples et astuces css

Infos complémentaires Firefox/Nestcape

Comme vous pouvez le constater la propriété de feuille de style css overflow-x n'est pas compatible avec les navigateurs comme Firefox>1.5/Nestcape.
Pour faire le même effet vous devez utilisez le code suivant :
Exemple de code :
#dmcscroll{
display: block;
overflow:hidden;
overflow-x: auto;
overflow-y: hidden;
overflow : -moz-scrollbars-horizontal;
}

Exemple :
DmcaimelescssetlesfeuillesdestyleDmcaimelescssetlesfeuillesdestyleDmc 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-x.
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.

Reporter un bug

Voir les Bugs[0]

VOTRE AVIS

Notez cette page

  • 1/5
  • 2/5
  • 3/5
  • 4/5
  • 5/5
Avis sur la page http://www.zonecss.fr/style_css/feuille_css_overflow_x.html Votes: 4.7 / 5 - 10 votes
Cliquez sur une étoile pour voter.

Reporter un bug ou problème d'interprétationavec la propriété overflow-x