css avec firefox ?

Version imprimable

css avec firefox ?

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:

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:

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;
 
 
}

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

le code se résumera à ça :

Code:

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:

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

02/08/2007, 15h15
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...
06/08/2007, 10h13
trotters213

:salut:
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 ;)
06/08/2007, 10h28
Candygirl
Citation:
Envoyé par Riwalenn

Code:

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.