[Résolu] Tableau + Requête SQL en PHP + Scrolling vertical

Bonjour à tous!

Je tiens déjà à remercier tous ceux qui se donneront la peine de lire ce sujet et d'y répondre

Comme le titre l'indique je n'arrive pas à obtenir un affichage sur mon tableau qui convienne.
La bar de scrolling vertical ne s'affiche pas malgré les recherches effectuées sur ce forum et d'autres...

Voila le code HTML:

<?php
	try
	{
		// On se connecte à MySQL
		$pdo_options[PDO::ATTR_ERRMODE] = PDO::ERRMODE_EXCEPTION;
		$bdd = new PDO('mysql:host=adresseip;dbname=dbname', 'user', 'pwd', $pdo_options);
    
		// On récupère tout le contenu de la table
		//je vous épargne les requêtes SQL
				
		echo 	"<table>
				 <thead>
				  <tr>
				   <th>nom1</th>
				   <th>nom2</th>
				   <th>nom3</th>
				   <th>nom4</th>
				   <th>nom5</th>
				   <th>nom6</th>
				  </tr>
				 </thead>
				 <tbody>";

		while($row = $result->fetch())
		{
			echo "<tr>";
			echo "<td>" . $row['nom1'] . "</td>";
			echo "<td>" . $row['nom2'] . "</td>";
			echo "<td>" . $row['nom3'] . "</td>";
			echo "<td>" . $row['nom4'] . "</td>";
			echo "<td>" . $row['nom5'] . "</td>";
			echo "<td>" . $row['nom6'] . "</td>";
			echo "</tr>";
		}
		echo "	 </tbody>
				</table>";

	}
	catch(Exception $e)
	{
		// En cas d'erreur précédemment, on affiche un message et on arrête tout
		die('Erreur : '.$e->getMessage());
	}
	?>

Auquel j'ajoute la feuille de style suivante:

table {
 border-collapse:collapse;
 width: 100%;
 border: 2px solid #142952;
}
tbody {
 height: 200px;
 overflow-y: auto;
 overflow-x:hidden;
}
td {
 border: 1px solid #142952;
 text-align:center;
 padding-right:10px;
}
th {
 height: 50px;
 width: 16%;
 border: 2px solid #142952;
 background-color:#2952a3;
 color: white;
}

Donc au final je ne comprend pas pourquoi il n'affiche pas la bar de scrolling...
Enfin en tout cas je continu de chercher.

tbody{
overflow-x:visible;
}

a la place de

tbody{
overflow-x:hidden;
}

Je pense que c'est ca.

Merci pour ta réponse ^^

Mais non le overflow-x:hidden concerne le scroll horizontal.

http://forum.alsacreations.com/topic-4-22446-1.html

merci pour ta réponse mais la feuille de style créé ci-dessus viens justement de ce topic.

Bon en même temps je ne l'ai pas précisé

C'est la le problème...

je ne comprend pas pourquoi cela ne marche pas sur ce tableau...
Si quelqu'un a une idée ^^

EDIT: Avec le debug de firefox j'ai remarqué qu'il n'a pas l'air de prendre en compte la variable height dans mon tbody...
Que je le laisse ou non cette variable ne change rien. J'avoue être perdu la
Modifié par lianli (12 Jun 2012 - 19:39)

hello tous!

Bon alors apparemment sa serait un bug connut non résolut sur les moteurs webkit...
lien ici.

La solution ce trouve sur la même page avec un autre lien vers ce site.

Il faudrait ajouter un display:block; sur le thead et tbody.

Pour moi ça fonctionne presque avec quelques ajustements. Je continu donc de chercher ^^

J'ai modifié le width des th et td et le tableau s'affiche comme il faut ^^
Modifié par lianli (13 Jun 2012 - 14:57)