Le tableau est constitué d'une première ligne de trois cases et d'une deuxième ligne d'une seule et même case.
Il m'est difficile d'expliquer clairement le problème observé. Le mieux est de comparer la page avec FF et IE.
Voilà le code (valide) pour la page en question :
Le HTML :
<div id="table_news">
<?php requète à la BD pour trouver les données à afficher
boucle pour afficher les données dans un tableau séparé
{ ?>
<table style="table-layout:fixed">
<tr>
<th><strong class="date">
<? echo $donnees['titre']; ?>
</strong>
</th>
<th>par <? echo $donnees['auteur']; ?>
</th>
<th>le <? $timestamp = $donnees['timestamp']; echo date('d/m/Y', $timestamp); ?>
</th>
</tr>
<tr>
<td colspan="4">
<br/>
<? echo nl2br($donnees['contenu']); ?>
<br/>
</td>
</tr>
</table>
<br/>
<?
}
mysql_close();
?>
</div>
Et le CSS :
body
{
padding-left: 70px;
text-align: center;
width: 760px;
margin: auto;
margin-top: 20px;
margin-bottom: 20px;
background-color: black;
}
.date
{
font-style: "Arial Black", Arial;
font-size: large;
font-weight: bold;
}
img
{
border: none;
}
a img
{
border: black solid 1px;
}
table
{
border-collapse: collapse;
width: 600px;
}
td, th
{
border: 1px solid #fff;
width: 200px;
text-align: center;
}
#news
{
text-align: center;
color: #fff;
font-style: Georgia, Verdana;
font-size: large;
}
#table_news
{
position: relative;
top: 0px;
left: 80px;
text-align: center;
color: #fff;
font-style: Georgia, Verdana;
font-size: large;
}