Problème CSS Firefox vs. IE... -_-''

Salut à tous !

Je n'arrive pas à mettre du CSS dans mes tableaux... Vous pouvez m'aider à trouver ce qui ne va pas ?

Je tourne en rond, j'essaie plusieurs bidouilles, j'essaie de contourner, mais rien n'y fait... je ne comprends vraiment pas...

Code PHP

			<?php
			bloc_head("High Score : Kung-Fu Kid sur Master System");
			if (! (defined ('__KWS__'))) { die ('Erreur d&rsquo;appel de fichier.'); }
			?>
			
	<link rel="stylesheet" media="screen" type="text/css" title="Highscore" href="highscore.css" />
	
   <table class="centrer">
		<tr>
			<td> <img src="modules/tea_MS_kung-fu_kid/images/kung-fu_kid_01.png" alt="Kung-Fu Kid ! n°1" /> </td>
			<td> <img src="modules/tea_MS_kung-fu_kid/images/kung-fu_kid_02.png" alt="Kung-Fu Kid ! n°2" /> </td>
		</tr>
	</table>
	<br /> <br />
	<div class="centrer">
	<img src="images/jaquette_indisponible.png" alt="jaquette indisponible" />
	</div>
	<br />
	<br />
	<br />
	<div class="centrer"><h1 class="souligne">High Score pour Kung-Fu Kid</h1></div>
	<div class="tableau">
	<table>
		<tr class="premier">
			<td><strong>1er</strong></td>
			<td><strong>Maître SEGA</strong></td>
			<td><strong>727 800 points</strong></td>
		</tr>
		<tr class="marge">
		<td> </td>
		</tr>
		<tr class="second">
			<td>2nd</td>
			<td></td>
			<td></td>
		</tr>
		<tr class="troisieme">
			<td>3ème</td>
			<td></td>
			<td></td>
		</tr>
		<tr class="suite">
			<td>4ème</td>
			<td></td>
			<td></td>
		</tr>
		<tr class="suite">
			<td>5ème</td>
			<td></td>
			<td></td>
		</tr>
		<tr class="suite">
			<td>6ème</td>
			<td></td>
			<td></td>
		</tr>
		<tr class="suite">
			<td>7ème</td>
			<td></td>
			<td></td>
		</tr>
		<tr class="suite">
			<td>8ème</td>
			<td></td>
			<td></td>
		</tr>
		<tr class="suite">
			<td>9ème</td>
			<td></td>
			<td></td>
		</tr>
		<tr class="suite">
			<td>10ème</td>
			<td></td>
			<td></td>
		</tr>
	</table>
	</div>
	<br />
   

			<?php
			close_table();
			?>

Code CSS

.premier
{
font-size : 36px;
}

.premier td
{
padding : 0px 15px 0px 15px;
}

.second td
{
padding : 0px 10px 0px 15px;
}

.troisieme td
{
padding : 0px 12px 0px 15px;
}

.suite td
{
padding : 0px 5px 0px 15px;
}

.second
{
font-size : 29px;
}

.troisieme
{
font-size : 23px;
}

.marge
{
font-size : 20px;
}

.centrer
{
text-align : center;
}

.souligne
{
text-decoration : underline;
}

.tableau
{
margin-top : 65px;
}

table.centrer
{
margin : auto;
}

.tableau
{
margin-left : 18%;
}

et l'adresse si éventuellement vous voulez aller voir :

http://fandeconsoles.free.fr/index.php?mod=highscore_MS&ac=HS_MS_kung-fu_kid[/url]

Merci à tous pour vos lumières
Modifié par Beulu2 (23 May 2007 - 07:53)

Personne pour m'aider ???
Modifié par Beulu2 (17 May 2007 - 20:30)

Salut

Ton lien ne fonctionne pas : il faut enlever le </url> à la fin...

Ensuite avant de commencer à chercher le pourquoi du comment il faudrait valider ton code car tu as 12 erreurs.

Et enfin je dirais que comme toute ta mise en page est faite à l'aide de tableaux (ce qui est dommage car tu es sur le site idéal pour faire autrement ) je soupçonne tes décalarations générales telles que

/* Fontes générales */
  font , th , td , p  {
          color : #000000;
          font-weight : normal;
          font : 11px Verdana, Arial, Helvetica, sans-serif;
      }

de prendre la priorité sur tes déclarations de moindre importance (cf. un post qui en parle).

A+

Heyoan a écrit :
je soupçonne tes déclarations générales telles que

/* Fontes générales */
  font , th , td , p  {
          color : #000000;
          font-weight : normal;
          font : 11px Verdana, Arial, Helvetica, sans-serif;
      }

de prendre la priorité sur tes déclarations de moindre importance (cf. un post qui en parle).

À vue de nez, toutes les déclarations CSS citées par Beulu2 dans son message ont une priorité de 0010 ou 0011. Les déclarations générales que tu cites ont toutes une priorité de 0001. Elles ne sont donc pas prioritaires.

Sinon, les styles CSS ont l'air d'être tout à fait fonctionnels sur la page indiquée par Beulu2. Qu'est-ce qui ne passe pas ?

Oups

Ben du coup c'est moi qui vais relire le post

Bonjour à tous les deux !

Heyoan : pour la validation du code, je le fais à la fin, je v pas m'amuser à valider chaque ligne du code que je tape... Et que veux tu dire par : "tu es sur le site idéal pour faire autrement", pour les highscore le tableau est la mise en page la plus approprié pour aligner mes colonnes

Florent : comme je l'ai dit plus haut, la page en html mon tableau fonctionne, mes tailles sont différentes etc... mais une fois en php, ben le tableau n'a plus de propriétés CSS

Pour ceux que c diffile de virer le /[URL] à la fin dans le navigateur ou qui ne savent pas copier coller :

http://fandeconsoles.free.fr/index.php?mod=highscore_MS&ac=HS_MS_kung-fu_kid

Merci pour vos réponses déjà et merci pour les suivantes

P.S. : les erreurs MySQL et internal error c'est Free, je n'y peux rien...
Modifié par Beulu2 (20 May 2007 - 16:46)

Bon changement de programme, j'ai résolu le problème, c'était en fait un conflit deux attributs, l'un avec une classe en plus.

Donc ça fonctionne avec easyphp, en local. Tout content, je m'empresse de le mettre en ligne et là, que vois-je, ben ça marche pas ! J'utilise le même portail, le même thème (j'ai même supprimé le CSS en ligne du thème pour voir si c'est ça qui entrait en conflit mais non), rectifications,... RIEN N'Y FAIT !

Je m'en remets donc à vous pour quelquelchose qui me parait illogique et que je n'arrive pas à résoudre

En fait sous IE ça marche... Est-ce que quelqu'un saurais comment remédier à ce problème de Firefox ?

personne pour m'aider ?

Bonjour,

Si je regarde le code HTML, je vois des choses comme ceci :

<td>			
	<link rel="stylesheet" media="screen" type="text/css" title="Highscore" href="highscore.css" />
	...
</td>

C'est une erreur de syntaxe HTML assez gênante. En conséquence, la feuille de style liée ne sera probablement pas prise en compte par les navigateurs (du moins par certains d'entre eux).

Beulu2 a écrit :
personne pour m'aider ?

Dans sa première intervention, Heyoan t'a donné comme premier conseil de bien valider ton code HTML. Ce conseil était une aide importante, mais tu ne l'as pas suivi. Par conséquent, tu ne t'es pas aidé toi-même. Dommage...

Commence donc par corriger ces erreurs de syntaxe HTML, et on verra si le problème subsiste.
Modifié par Florent V. (26 May 2007 - 19:29)