Discussion :

[Riwalenn]

Bonjour,

j'ai ma page principale de mon site http://www.operationemploi.fr qui ne s'affiche pas correctement sous mozilla et firefox...

le code du bloc conçerné est :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
<tr>
  <td width="63%" class="boiteaccueil"><font color="#0066CC" face="Comic Sans MS">Ce 
    site permet <strong><font color="#FF0000">GRATUITEMENT</font></strong></font> 
    <font color="#0066CC" face="Comic Sans MS"><br>
    - aux candidats de :<br>
    <font color="#FF0000">o D&eacute;poser leur CV<br>
    o Consulter les offres</font></font></td>
  <td width="37%"><div align="center"><a href="candidats/inscription.php" target="_self"><img src="img/pages/candsinscrire.jpg" width="119" height="74" border="0"></a></div></td>
</tr>

si quelqu'un peu m'éclairer sur le problème.
merci par avance !

P.S : voici le code css de "boiteaccueil" :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
.boiteaccueil {
	font-family: "Comic Sans MS";
	font-size: 11px;
	color: #0066CC;
	float: left;
	width: 400px;
	height: 0px;
	border: 0px;
	margin-left: 10px;
	margin-right: 10px;
	text-align: justify;
	font-style: normal;
 
 
}

[beeboo]

Ben dis donc, ça fait plusieurs années que j'avais plus vu de balises <font> ça sent le frontpage, ça.
Utilise déjà les CSS pour donner l'aspect voulu au <strong> plutot que ces <font> qui rendent ton code lourd et utilise un <ul> + <li> pour la liste plutot que des -text + <br> + <font>

le code se résumera à ça :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 
<tr>
  <td class="boiteaccueil">
    Ce site permet<strong>GRATUITEMENT</strong> 
      <ul class="niv1">
         <li class="niv1">aux candidats de :
           <ul class="niv2">
                 <li class="niv2">D&eacute;poser leur CV</li>
                 <li class="niv2">Consulter les offres</li>
           </ul>
         </li>
      </ul>
  </td>
  <td class="bouton">
     <a href="candidats/inscription.php" target="_self">
     <img src="img/pages/candsinscrire.jpg" width="119" height="74" border="0">
     </a>
  </td>
</tr>

et dans les css tu définis

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 
td.boiteaccueil { 
  width:64%;
}
strong { color:#ff0000; }
tt.bouton { width:36%; }
li.niv1 {
  font-family:"comic sans MS";
  color:#0066CC; 
}
li.niv2 {
  font-family:"comic sans MS";
  color:#ff0000;
}
 
etc.

Ce sera déjà plus simple pour t'y retrouver

[Riwalenn]

je te remercie pour ton code mais ça ne change rien à mon problème. Je sens gros comme une maison que je vais devoir refaire ma page avec firefox sous la main, bien que cela m'engage à prendre du temps...

[trotters213]

J'aurais simplement quelques remarques :
- je partage l'avis beeboo sur la façon de mettre la page en forme.
- tu dis que ton site s'affiche mal sous FF mais c'est aussi le cas sous IE 7 donc j'aimerais savoir sous quoi tu l'a testé.
- si c'est sous IE 6 sache qu'il vaut largement mieux travailler avec FF ou Opera et ensuite adapter à IE plutôt que l'inverse.

PS : rassure toi tu n'auras pas tout à refaire. Explique simplement bien ce que tu veux faire et on trouvera une solution

[Candygirl]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
.boiteaccueil {
	height: 0px;
}

??

je pense que c'est la source de ton problème. Le height:0 peut être utilisé pour donner le layout à IE6 (pas utile dans ton cas puisque tu as un width de défini) mais ne doit être alors attribué qu'à IE6 sous peine de voir les autres navigateurs l'appliquer, ce qui semble t'arriver. Normalement le virer devrait résoudre ton probème.