28173 sujets

CSS et mise en forme, CSS3

XHTML Transitional, div overflow auto et scrollbar horizontale

Bon, j'ai cherché, je n'ai pas trouvé... pourtant je suis certain que c'est bien simple.

J'ai ceci:

<div style="overflow: auto; height: 100px;">
  <table style="width: 100%;">
     <tr>
        <td>Texte Quelconque</td>
        <td>Texte Quelconque</td>
     </tr>
     <tr>
        <td>Texte Quelconque</td>
        <td>Texte Quelconque</td>
     </tr>
 ...
  </table>
</div>


Sans Doctype, tout est parfait. Avec le Doctype suivant:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


il y a quelque chose qui me dérange. Semblerait-il que le width: 100%; fait en sorte que lorsqu'il y a une barre de défilement verticale, le 100% comprend également la barre, ce qui ajoute en plus une barre de défilement horizontale... et je ne la veux pas!

Merci Smiley smile
Modifié par DarkMalow (14 Nov 2006 - 18:05)
Hum, il semblerait que ce ne soit que IE qui fasse ce "bug", Firefox affiche le tout comme il faut.

J'utilise IE7 en passant.
Sujet clos
Aller à