Ajout de scroll dans un td qui ne fonctionne pas
sluggy10
-
sluggy10 Messages postés 20 Date d'inscription Statut Membre Dernière intervention -
sluggy10 Messages postés 20 Date d'inscription Statut Membre Dernière intervention -
Hello les dev'. Pour mon intranet j'ai une div qui contient une table avec trois cellules, l'une en dessous de l'autre.
Chacune contient un fil d'actualité différent.
J'essaie depuis un bon moment de faire que le <td> puisse scroll pour afficher les infos sans que ça agrandisse le td. Le td a une taille fixe en width et j'ai testé le overflow-y:scroll; comme le overflow:auto dans le css du td, mais pouf, ca marche pas.
Si il y a trop d'infos, ca agrandit la cellule verticalement (j'ai au moins réussi à faire le retour à la ligne quand ca dépasse en longueur youhouuuuuuuu).
Voila le html (je n'ai mis qu'une cellule pour simplifier les choses)
Et le css :
Z'avez une idée du truc qui merdouille?
Chacune contient un fil d'actualité différent.
J'essaie depuis un bon moment de faire que le <td> puisse scroll pour afficher les infos sans que ça agrandisse le td. Le td a une taille fixe en width et j'ai testé le overflow-y:scroll; comme le overflow:auto dans le css du td, mais pouf, ca marche pas.
Si il y a trop d'infos, ca agrandit la cellule verticalement (j'ai au moins réussi à faire le retour à la ligne quand ca dépasse en longueur youhouuuuuuuu).
Voila le html (je n'ai mis qu'une cellule pour simplifier les choses)
<div id="divM">
<table cellspacing="4px" style="table-layout:fixed;">
<tr>
<td class="iconeM">
<div style="width:100%;overflow:auto;">
<center><u>INFOS METIER</u></center><br>
<?php
$reponse = $bdd -> query("SELECT *
FROM z_infomid
WHERE INFOMID_SECTION='metier'
ORDER BY INFOMID_DATE DESC
LIMIT 5");
while($donnees = $reponse->fetch())
{
$contenu = $donnees['INFOMID_CONTENU'];
echo ' - '.$contenu.'<br><br>';
}?>
</div>
</td>
</tr>
</table>
</div>
Et le css :
div#divM {
position: absolute;
width : 50%;
top : 30px;
height:775px;
margin: 1em 25%;
}
.iconeM{
word-wrap: break-word;
border:1px solid #aaa;
text-align:left;
width:1000px;
height:245px;
overflow-y:scroll;
}
Z'avez une idée du truc qui merdouille?
A voir également:
- Ajout de scroll dans un td qui ne fonctionne pas
- Scroll lock clavier ✓ - Forum Réseaux sociaux
- Demande d'ajout snap qui disparait - Forum Snapchat
- Ajout rapide snap - Forum Snapchat
- Touche arrêt défil sur clavier ✓ - Forum Clavier
- Scroll lock ✓ - Forum Matériel & Système