css, jquery numéro

Question

Je jouais avec Infogrid sur mon site. J'ai ajouté un en-tête, un pied de page et ajouté du texte sur le dernier bloc d'Iron Man. Comme vous pouvez voir le pied de page ne s'affiche pas et le texte du dernier bloc est coupé. Maintenant, si vous supprimez overflow: hidden; sur le corps, html le pied de page apparaît mais le texte est toujours coupé. Une idée sur comment ce pied de page pourrait apparaître sans la barre de défilement (donc overflow: caché, doit rester) et comment faire apparaître le texte du dernier bloc entièrement? Merci d'avance et amusez-vous :) wadada

Answer 1

Il semble que vous prenez la mauvaise approche. Tout d'abord, le texte du dernier bloc n'est pas coupé sur Firefox ... mais il dépend entièrement de la résolution du navigateur. Fondamentalement, votre CSS dit: Je me fiche de savoir s'il y a plus de contenu, ne faites pas défiler. Prendre ce contrôle loin de l'utilisateur n'est pas une bonne idée. Je n'essaie pas de donner des cours ici, mais je dis simplement qu'en limitant artificiellement ce que vos utilisateurs peuvent faire, cela ne tient pas compte des milliers de navigateurs différents et des configurations de vos utilisateurs. L'une des façons d'empêcher le découpage du contenu consiste à définir une hauteur maximale sur vos éléments dd. De cette façon, les barres de défilement ne vont que sur les éléments nécessaires.

.info-col dd { 
    max-height:100px; 
    overflow-y:auto; 
    overflow-x:none; 
} 

Cela ne fonctionnera pas dans IE6, mais ...