Forcer le scroll en gardant la taille d'un td. (pb avec overflow

Fermé
sluggy10 Messages postés 20 Date d'inscription lundi 25 août 2014 Statut Membre Dernière intervention 28 octobre 2014 - 3 sept. 2014 à 15:56
sluggy10 Messages postés 20 Date d'inscription lundi 25 août 2014 Statut Membre Dernière intervention 28 octobre 2014 - 17 sept. 2014 à 09:54
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)

<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:

1 réponse

sluggy10 Messages postés 20 Date d'inscription lundi 25 août 2014 Statut Membre Dernière intervention 28 octobre 2014
17 sept. 2014 à 09:54
Anybody help? :(
0