PRATIQUE CLIENTS WEB 
Une barre de défilement sans IFrame
 
Plus besoin de framesets compliqués pour avoir une zone de la page Web dotée d'une barre de défilement : CSS prend tout en charge. (30/06/2004)
  Forum

Réagissez dans les forums de JDN Développeurs

Les frames (cadres) ont prouvé leur limite (notamment en matière de création de lien direct vers une page), et les IFrames sont à l'origine une exclusivité Microsoft. Au-delà de la délicate question de l'application des CSS d'une page web au contenu d'une iframe, comment faire alors pour créer une "petite boite" dans un coin de la page, avec une barre de défilement si besoin est ?

Les feuilles de styles CSS, créées dès le départ pour prendre en charge toutes les questions de mises en forme, répondent à cette attente grâce à la propriété overflow. Celle-ci permet de déterminer ce qui advient si un contenu est trop grand pour son conteneur (un texte pour un div, par exemple), grâce à quatre valeurs :
- visible : ce qui dépasse est affiché, quitte à se superposer à d'autres éléments (sous Mozilla) ou à adapter la taille du conteneur (sous IE),,
- hidden : ce qui dépasse est caché... et inaccessible,
- scroll : qu'il y ait dépassement ou non, le cadre se voit adjoindre deux barres de défilement (horizontale et verticale),
- auto : ce qui dépasse est caché mais accessible par une barre de défilement (ou deux si besoin est). Si rien ne dépasse, aucune barre n'est affichée, mais le contenu ne réduit pas sa taille pour autant.

Enfin, parce qu'il s'agit là de CSS, les navigateurs ne les supportant pas afficheront simplement le contenu tel quel : personne n'y perd.

La preuve en image, avec les diverses manières :

L'hypertension portale est responsable des principales complications de la cirrhose. Elle est la cause directe de l'hémorragie par rupture de varices oesophagiennes ou gastriques et contribue au développement de l'ascite, de l'encéphalopathie hépatique et des complications pleuropulmonaires. La gravité de ces complications est indissociable de la gravité de la cirrhose reflétée par le degré d'insuffisance hépatocellulaire.




L'hypertension portale est responsable des principales complications de la cirrhose. Elle est la cause directe de l'hémorragie par rupture de varices oesophagiennes ou gastriques et contribue au développement de l'ascite, de l'encéphalopathie hépatique et des complications pleuropulmonaires. La gravité de ces complications est indissociable de la gravité de la cirrhose reflétée par le degré d'insuffisance hépatocellulaire.




L'hypertension portale est responsable des principales complications de la cirrhose. Elle est la cause directe de l'hémorragie par rupture de varices oesophagiennes ou gastriques et contribue au développement de l'ascite, de l'encéphalopathie hépatique et des complications pleuropulmonaires. La gravité de ces complications est indissociable de la gravité de la cirrhose reflétée par le degré d'insuffisance hépatocellulaire.



L'hypertension portale est responsable des principales complications de la cirrhose. Elle est la cause directe de l'hémorragie par rupture de varices oesophagiennes ou gastriques et contribue au développement de l'ascite, de l'encéphalopathie hépatique et des complications pleuropulmonaires. La gravité de ces complications est indissociable de la gravité de la cirrhose reflétée par le degré d'insuffisance hépatocellulaire.



L'hypertension portale est responsable des principales complications de la cirrhose.



L'hypertension portale est responsable des principales complications de la cirrhose.



Le code
<style type="text/css">
div
  {
  height: 100px;
  width: 300px;
  border-style :double;
  }
.over1
  {
  overflow: visible;
  }
.over2
  {
  overflow: hidden;
  }
.over3
  {
  overflow: scroll;
  }
.over4
  {
  overflow: auto;
  }
</style>

<div class="over1">
<b>L'hypertension portale est responsable des principales complications de la cirrhose. Elle est la cause directe de l'hémorragie par rupture de varices oesophagiennes ou gastriques et contribue au développement de l'ascite, de l'encéphalopathie hépatique et des complications pleuropulmonaires. La gravité de ces complications est indissociable de la gravité de la cirrhose reflétée par le degré d'insuffisance hépatocellulaire.</b>
</div>

<div class="over2">
<u>L'hypertension portale est responsable des principales complications de la cirrhose. Elle est la cause directe de l'hémorragie par rupture de varices oesophagiennes ou gastriques et contribue au développement de l'ascite, de l'encéphalopathie hépatique et des complications pleuropulmonaires. La gravité de ces complications est indissociable de la gravité de la cirrhose reflétée par le degré d'insuffisance hépatocellulaire. </u>
</div>

<div class="over3">
L'hypertension portale est responsable des principales complications de la cirrhose. Elle est la cause directe de l'hémorragie par rupture de varices oesophagiennes ou gastriques et contribue au développement de l'ascite, de l'encéphalopathie hépatique et des complications pleuropulmonaires. La gravité de ces complications est indissociable de la gravité de la cirrhose reflétée par le degré d'insuffisance hépatocellulaire.
</div>

<div class="over4">
L'hypertension portale est responsable des principales complications de la cirrhose. Elle est la cause directe de l'hémorragie par rupture de varices oesophagiennes ou gastriques et contribue au développement de l'ascite, de l'encéphalopathie hépatique et des complications pleuropulmonaires. La gravité de ces complications est indissociable de la gravité de la cirrhose reflétée par le degré d'insuffisance hépatocellulaire.
</div>

<div class="over3">
L'hypertension portale est responsable des principales complications de la cirrhose.
</div>

<div class="over4">
L'hypertension portale est responsable des principales complications de la cirrhose.
</div>

 
Xavier Borderie, JDN Développeurs
 
 
Accueil | Haut de page