28173 sujets

CSS et mise en forme, CSS3

Probléme sous firefox alors que IE ok balise background ?

Comme dhabitude , je fait partis de ceux qui ont des soucis d'affichage ... entre IE et firefox

Sous IE aucun probléme avec la balise background mais sous firefox c'est la catastrophe.

Voila la page concerné : http://www.cxradio.net/pages/38

et le code ci dessous incriminé : 


[code]<style type="text/css">
<!--
.Style3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.Style4 {font-family: Verdana, Arial, Helvetica, sans-serif}
.Style5 {font-size: 10px}
-->
</style>
<center><style type="text/css">
<!--
.Style1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
}
.Style2 {
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
-->
</style>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- ImageReady Slices (fiche-equipe.psd) -->
<table id="Tableau_01" width="491" height="142" border="0" cellpadding="0" cellspacing="0">
	<tr>
		<td colspan="5">
			<img src="images/fiche-equipe_01.gif" width="375" height="12" alt=""></td>
		<td rowspan="7">
			<img src="images/fiche-equipe_02.gif" width="116" height="141" alt=""></td>
	</tr>
	<tr>
		<td colspan="2">
			<img src="images/fiche-equipe_03.gif" width="31" height="20" alt=""></td>
		<td colspan="2" background="images/fiche-equipe_04.gif" width="319" height="20" alt=""><div align="center" class="Style1 Style4 Style5">Directeur d'antenne et Président de l'association </div></td>
		<td rowspan="6">
			<img src="images/fiche-equipe_05.gif" width="25" height="129" alt=""></td>
	</tr>
	<tr>
		<td rowspan="5">
			<img src="images/fiche-equipe_06.gif" width="11" height="109" alt=""></td>
		<td colspan="2" background="images/fiche-equipe_07.gif" width="173" height="19" alt=""><div align="center" class="Style3"><span class="Style2"><u> Pseudo</u> : RicardCoCa </span></div></td>
		<td background="images/fiche-equipe_08.gif" width="166" height="19" alt=""><div align="center" class="Style3"><span class="Style2"><u>Prénom</u> : Frédéric</span></div></td>
	</tr>
	<tr>
		<td colspan="2" background="images/fiche-equipe_09.gif" width="173" height="18" alt=""><div align="center" class="Style3"><span class="Style2"><u> Age</u> : 30 ans </span></div></td>
		<td background="images/fiche-equipe_10.gif" width="166" height="18" alt=""><div align="center" class="Style3"><span class="Style2"><u>Ville</u> : Cléon (76) </span></div></td>
	</tr>
	<tr>
		<td colspan="3" background="images/fiche-equipe_11.gif" width="339" height="23" alt=""><div align="center" class="Style3"><span class="Style2"><u>Email </u>: contact@cxradio.net </span></div></td>
	</tr>
	<tr>
		<td colspan="3" background="images/fiche-equipe_12.gif" width="339" height="36" alt=""><div align="center" class="Style3"><span class="Style2">Animateur de "RicardCoCa c'est nimporteKouA" tous les dimanche soir de 20h00 à 23h00 et commentateur esports. </span></div></td>
	</tr>
	<tr>
		<td colspan="3">
			<img src="images/fiche-equipe_13.gif" width="339" height="13" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="images/spacer.gif" width="11" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="20" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="153" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="166" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="25" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="116" height="1" alt=""></td>
	</tr>
</table>


Merci de votre aide.

RicardCoCa
Modifié par ricard (18 Sep 2006 - 05:48)
Salut,

comme tu t'en doutes, des "problèmes entre IE et Firefox", dans ce salon on en a des masses, indiquer un titre de sujet représentatif du problème rencontré est demandé dans les règles du forum que tu as lues (??) et acceptées (!!) en t'inscrivant.

Par ailleurs, au delà des différences de rendu que tu obtiens entre IE et firefox, n'y a-t-il pas plus urgent dans ton code ?


Tous ces rowspan, colspan et autres spacer.gif ne sont pas tellement corrects et ne fournissent certainement pas une base propre et solide sur laquelle travailler ensuite et sur laquelle appliquer le rendu CSS voulu.

Travailler sur une base saine au niveau HTML simplifie grandement le travail de mise en forme ensuite, notament au niveau des différences de rendu entre IE et Firefox qui n'interprétent pas la soupe de balise HTML de la même façon. Alors qu'une page HTML codée de façon standarde à de bien meilleures chances à ce niveau.

++

p.s. un p'tit "bonjour" est apprécié en signe de politesse.
Modifié par Olivier (18 Sep 2006 - 00:32)
Sujet clos
Aller à