Discussion :

[yuukuari]

Bien le bonjour j'ai un petit soucis, j'ai défini un cadre dans ma css comme ceci:

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
div.main
{
    position: absolute;
    overflow: auto;
    width: 760px;
    height: 500px;
    background-color: white;
    left: 174px;
    top: 20px;
    
    border-right: grey 1px solid;
    border-top: grey 1px solid;
    border-bottom: grey 1px solid;
    border-left: grey 1px solid;
    
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
}

Comme vous pouvez le voir j'ai fixé une largeur et une hauteur et lorsque le contenu dépasse, l'overflow étant "auto", une scrollbar doit apparaitre. Ceci marche très bien sur la hauteur mais en largeur la scrollbar n'apparait pas, le contenu va simplement a la ligne.
Le problème c'est que j'ai un tableau dans ce cadre et qu'en largeur les colonnes vont se raccourcir.
J'ai essayé avec simplement du texte au lieu d'un tableau et le résultat est le meme... Si quelqu'un a une idée pour résoudre mon pti problème ce serait bien
Merci d'avance, Yuukuari.

[Auteur]

bonsoir,

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
overflow: scroll;

[yuukuari]

Hmm le probleme avec l'overflow "scroll" c'est que les scrollbars sont presentes tout le temps meme si le contenu ne depasse pas, contrairement a l'overflow auto. Mais ce que je ne comprend pas c'est qu'en auto ca marche bien en vertical et pas en horizontal ..

[Auteur]

teste ce code CSS. Je ne suis pas sûr qu'il fonctionne avec IE

Regarde également si tu peux définir l'attribut nowrap sur ton tableau :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
table{
white-space: nowrap;
}

ou sur les TD ou TR

[yuukuari]

Merci beaucoup ca marche j'ai utilisé ta commande sur les tr et pour ne l'appliquer que sur la première colonne il suffisait de créer une nouvelle classe, ca donne ca:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
tr.menu{
white-space: nowrap;
}

Pour l'overflow suivant x et y je préfère pas l'utiliser si ca diffère suivant les navigateurs :/ et puis la commande est pas automatiquement reconnue lorsque je la tappe donc je suis pas sur que ca fonctionne.

Merci encore résolu.