Forcer le scroll en gardant la taille d'un td. (pb avec overflow
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 -
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:
- Forcer le scroll en gardant la taille d'un td. (pb avec overflow
- Comment réduire la taille d'un fichier - Guide
- Forcer demarrage pc - Guide
- Forcer la suppression d'un fichier - Guide
- Forcer la reinitialisation pc - Guide
- Forcer à quitter - Guide