Discussion :

[Pgs]

Bonjour,

J'ai une TABLE qui est dans un DIV. Ce DIV est lui même contenu dans un TD.

Je voudrais :
1 - que mon DIV utilise toute la place du TD (mais pas plus),
2 - que mon DIV fasse apparaître un ascenseur horizontal si la TABLE qu'il contient est trop large.

J'ai donné :
- la propriété overflow-y:scroll à mon div,
- la propriété width:100% à tous les objets (sauf à la table contenue dans le DIV)

Mon problème est le suivant :
a) si je donne à mon DIV une largeur fixe : ça marche : l'ascenseur apparaît au niveau du DIV si la TABLE qui est dans ce DIV est trop large.

b) Si je donne au DIV une largeur de 100%, alors il prend la largeur de la table qui est à l'intérieur de lui, et du coup déborde du TD dans lequel il est lui même contenu.

Je ne comprend pas pourquoi mon DIV, lorsqu'il est à width:100%, n'est pas limité par la largeur du TD qui le contient.

Je me demande si du coup, j'ai vraiment compris le fonctionnement des conteneurs.

sos, sos...

Merci pour toute aide

[Er3van]

Si t'as un ballon, que tu le mets dans une boite, et que tu le remplis d'eau à telle point que la contenance de la boite est trop petite, le ballon continue de se gonfler et déborde de la boite.

C'est ton TD que tu dois mettre en width:auto;, encore que je ne suis pas sûr que ça suffise...

Par contre, overflow-y n'est pas reconnu par IE6 il me semble...

[Pgs]

Je n'ai spécifié la valeur d'overflow que pour mon div. Tous les autres objets sont par défaut à overflow:auto.

Par ailleurs, mon div et tous les conteneurs au dessus de lui sont à width:100%. Chacun devrait donc être limité par celui du dessus (et donc au final par body). Non ??

Phil

[Auteur]

un bout de code pour voir comment tu y es pris ?