Discussion :

[Halex78]

Bonjour, j'ai fait une page sur laquelle des mots d'un texte affichent des infobulles, et ce texte est en mode overfow:auto dans la feuille css.
Lorsque le mot est trop près du bord, l'infobulle est coupée par l'extrémité du bloc au lieu de passer au dessus.
Comment faire pour éviter ca ? Sachant que je dois obligatoirement utiliser une fonction de défilement avec scrollbar...

[FraK]

Perso j 'ai pas compris grand chose, a part que y a un bord rogné, peux tu nous coller un peu de code ei faire un screen ?

[Halex78]

Voici la page sur laquelle le problème se pose, passez le curseur au dessus du mot "Méreinetidor" ligne 4 et vous verrez que l'info bulle est "mangée".
http://alex.careil.free.fr/essai.php#

Un autre problème se pose quand on passe le curseur au dessus de "Achérie" dernière ligne...

[Bovino]

Je ne suis pas certain de la compatibilité avec tous les navigateurs, mais essaye avec

Code :

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

1
2
3
4
div.corps div{
overflow-x:visible;
overflow-y: scroll (ou auto);
}

[Halex78]

Merci de la réponse, j'ai essayé mais ca n'a pas fonctionné (rien ne change dans la page, les bulles sont toujours mangées et il y a un scroll lorsque la bulle dépasse du bloc...)

[FraK]

Enlève le overflow, c'est ça qui te déforme ta page au survol car l'info bulle dépasse de la largeur que tu as fixé dans le contenu.
Par contre du peux ajouter un padding-left et padding-right de 10px dans ton css pour que ton texte ne commence pas et ne se finisse pas aux limites de ton div, ainsi sur le 1er mot et dernier mot d'une ligne, l'info bulle ne sera pas mangé =)