28173 sujets

CSS et mise en forme, CSS3

Salut,

peut-être pourraîs-tu expliciter un peu ce que tu as fait :
- Comment est construit ton tableau (un ou plusieurs table,...)
- Comment est construit ton CSS
- ...

Ca serait beaucoup plus pratique pour comprendre d'où vient ton problème.
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;
}
Euh, je fais remonter, au cas où.
Il semblerait que ça n'inspire pas beaucoup.
Dites moi si il manque une info.

Merci d'avance.