PB de barre de défilement dans un tableau
PB de barre de défilement dans un tableau - HTML/CSS - Programmation
Sujets relatifs:
- sauver une variable d'un tableau dans une session
- intégrer menu déroulant dans tableau
- [Ajax][Resolut] Pb avec div.innerHTML = xhr.responseText; sous ie
- Pb de chargement de résultat d'URL distante
- php tableau des dates de jours non fériés
- Tableau recapitulatif d'operation achat/vente
- copier 2 fichiers txt en un tableau dans un 3ème fichier avec c++
- Visual C++ express : tableau de string ?
- tableau en argument de fonction et pointeur de pointeur
- trier un tableau qui se trouve sur une autre feuille
Marsh Posté le 26-08-2008 à 11:11:48
Bjr à tous,
J'ai un p'tit problème actuellement avec un tableau dans lequel je souhaite placer une liste avec une barre de défilement.
Je souhaite donc faire apparaître une barre de défilement occupant l'intégralité de ce tableau quelque soit la hauteur de celui-ci sur ma page web qui occupera 95% de sa hauteur (height=95%), cependant çà ne marche pas et je ne trouve pas de solution particulière à ce pb simple en apparence.
Dans le script ci-dessous, il faudrait remplacer le height:500px par autre chose mais quoi... un height:100% m'affiche la liste entièrement est déborde de ma page web...
L'objectif de ce script et d'avoir quelque chose de léger et simple (mais pas simpliste naturellement....)
Merci de votre aide...
Ci-dessous le script à tester dans votre navigateur :
<HTML>
<BR>
<! -------Dimensionnement du tableau et alignement au centre ---------->
<table align="center" border="1" width="1000" height=95% cellspacing="0" cellpadding="0">
<! ------------ Première ligne -------------->
<TR>
<TD COLSPAN="2"> <! Etend la cellule bannière sur deux colonnes>
<CENTER> <! Centrage du contenu de la bannière>
Bannière <! Titre de la bannière>
</TD>
</CENTER> <! Fin centrage du contenu>
</TR>
<! ------------- Deuxième ligne ------------->
<TR>
<! --- Première colonne --->
<TD VALIGN="top" width="300">
<DIV style="{height:500px; width:300px; overflow-y: scroll;}">
<UL>
<LI>Data
<LI>Data
<LI>Data
<LI>Data
<LI>Data
<LI>Data
<LI>Data
<LI>Data
<LI>Data
<LI>Data
<LI>Data
<LI>Data
<LI>Data
<LI>Data
<LI>Data
<LI>Data
<LI>Data
<LI>Data
<LI>Data
<LI>Data
<LI>Data
<LI>Data
<LI>Data
<LI>Data
<LI>Data
<LI>Data
<LI>Data
<LI>Data
<LI>Data
<LI>Data
<LI>Data
<LI>Data
<LI>Data
<LI>Data
<LI>Data
<LI>Data
<LI>Data
<LI>Data
<LI>Data
<LI>Data
<LI>Data
<LI>Data
<LI>Data
<LI>Data
<LI>Data
<LI>Data
<LI>Data
<LI>Data
<LI>Data
<LI>Data
<!/UL>
</DIV>
<! --- Deuxième colonne --->
<TD>
Descriptions...
</TD>
</TR>
</HTML>