Explorer = ok, firefox = ko -_-

Résolu/Fermé
Florianew Messages postés 4 Date d'inscription mercredi 16 janvier 2008 Statut Membre Dernière intervention 17 janvier 2008 - 16 janv. 2008 à 22:09
Florianew Messages postés 4 Date d'inscription mercredi 16 janvier 2008 Statut Membre Dernière intervention 17 janvier 2008 - 17 janv. 2008 à 23:42
Bonjour,

j'ai un petit problème avec firefox pour mon site internet.
Tout d'abord voici l'adresse, vous aurez besoin de voir pour comprendre : http://compagnie.sarabande.free.fr/

Mon problème est le suivant :
quand j'ouvre avec internet explorer = no problem, tout va bien, tout s'affiche, tout est ok.
quand j'ouvre avec firefox = l'image du haut est tronquée et/ou (en fonction des pages) le texte n'a ni la bonne taille, ni la bonne couleur, ou c'est la police qui ne va pas.
Il s'agit du tout premier site que je fais. Je l'ai entièrement codé moi-même et de ce fait il doit y avoir quelques aberrations dans le code... (Pardon oh grand seigneur de l'html). J'étais toute contente de mon résultat jusqu'à ce que j'ouvre le site avec firefox...patatra, plus rien ne va plus... Et comme je ne peux pas obliger tous les gens qui vont sur ce site à l'ouvrir avec explorer ma question est : comment faire pour que le site s'affiche de la même manière quelque soit le navigateur ? Beaucoup de choses doivent être mauvaises dans mon code, mais tout ce que je veux c'est obtenir sur firefox ce que j'obtiens sur explorer. Alors voilà, si vous avez une solution elle est la bienvenue :D

Merci d'avance à tous ceux qui répondront !
A voir également:

8 réponses

Nico70 Messages postés 279 Date d'inscription dimanche 29 juillet 2007 Statut Contributeur Dernière intervention 22 février 2012 66
16 janv. 2008 à 22:27
peut tu nous donner le code entier de ta page s'il te plais


merci
0
Florianew Messages postés 4 Date d'inscription mercredi 16 janvier 2008 Statut Membre Dernière intervention 17 janvier 2008
17 janv. 2008 à 11:18
voici le code entier :


<html lang="fr">
<head>
<title>Sarabande</title>
<meta name="description" content="La compagnie Sarabande, fondée en 1999, est composée de musiciens et danseurs professionnels. Ceux-ci travaillent sur le concept du rythme et de la relation musique/danse. Tous les styles sont abordés (africain, cubain, brézilien, contemporain, hip-hop...) tant qu'ils possédent une rythmique capable d'être la source d'une intéraction entre les musiciens et les danseurs.">
<meta name="author" content="Compagnie Sarabande">
<meta name="keywords" content="compagnie sarabande, compagnie, sarabande, françois pouzet, françois, pouzet, musique et danse, musique, danse, musique&danse, musique & danse, stage, percussions, stage de percussions, stage de danse, spectacle, concerts, brézilien, brézil, hiphop, hip-hop, hip hop, africain, afrique, sarabande, contemporain, danse contemporaine, danse africaine, danse brézilienne, salsa, sarabande, rythme, rhythm, sarabande>
<meta name="identifier-url" content="http//companie.sarabande.free.fr">
<meta name="copyright" content="© Association Sarabande">
<meta name="date" content="18 octobre 2007">
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<meta http-equiv="content-language" content="fr">
<meta name="robots" content="all">
<meta http-equiv="pragma" content="no-cache">
<meta name="publisher" content="Waflart Floriane">
<meta name="reply-to" content="compagnie.sarabande@free.fr">

<style type="text/css">
a:link { color: #000000;}
a:visited { color: #131313;}
</style>
</head>

<body topmargin="0" bottommargin="0" bgcolor="#000000">

<table cellspacing=0 align="center" width=60% height=100% >

<tr> <td colspan=5 align=center height=30% background="banniere.gif"> <P style="font-family:Vivaldi" style="font-size:183px" style="color:#700000"> <b> Sarabande  </b> </P> </td> </tr>


<tr bgcolor=#000000 style="color:#700000">
<td align="center" height=2%> <a href="index.html" style="color:#700000" style="text-decoration:none"> <b> QUI SOMMES NOUS ? </b> </a> </td>
<td align="center"> <a href="stages.html" style="color:#700000" style="text-decoration:none"> <b> NOS STAGES </b> </a> </td>
<td align="center"> <a href="concerts.html" style="color:#700000" style="text-decoration:none"> <b> NOS CONCERTS </b> </a> </td>
<td align="center"> <a href="extraits.html" style="color:#700000" style="text-decoration:none"> <b> EXTRAITS AUDIOVISUELS </b> </a> </td>
<td align="center"> <a href="formulaire.html" style="color:#700000" style="text-decoration:none"> <b> CONTACT </b> </a> </tr>

<tr bgcolor=#700000> <td valign="top" colspan=5 style="font-family:times new roman" height=2%> <br> <br>
<marquee scrollamount="5" style="font-family:times new roman;" style="color:#FFA900" onmouseover='this.stop()' onmouseout='this.start()'> <b> PROCHAINES DATES !    CONCERTS : LE 11 MARS 2008, LE 4 AVRIL 2008 </b> </marquee> </td> </tr>

<tr bgcolor=#700000> <td valign="top" colspan=5 style="font-size:medium"> <br>


<table style="font-size:medium" style="font-family=papyrus" width=100%>
<tr> <td width=50%> <p> <b>La compagnie Sarabande, fondée en 1999, est composée de musiciens et danseurs professionnels. Ceux-ci travaillent sur le concept du rythme et de la relation musique/danse. Tous les styles sont abordés (africain, cubain, brézilien, contemporain, hip-hop...) tant qu'ils possédent une rythmique capable d'être la source d'une intéraction entre les musiciens et les danseurs. Les premiers créent les rythmes, </b> </td>
<td width=50% align="center"> <img src="63.jpg"></td> </tr>
<tr> <td colspan=2> <b> les seconds les dansent, et forment ainsi un tout, basé sur une relation unique nourrie par de </b> </td> <tr>
<tr> <td> <img src="12.jpg"></td> <td> <b> l'improvisation et du jeu.<br> La compagnie Sarabande travaille ce concept lors des spectacles qu'elle donne, mais également lors de stages. En effet, elle souhaite participer à la vie culturelle des villes dans laquelle elle se produit. Pour ceci, elle cherche à s'impliquer dans les différentes associations, écoles et institutions de la ville. Toute personne est suceptible d'être intéressée par ce concept de rythme et danse, c'est pourquoi la compagnie </b> </td> </tr>
<tr> <td> <b> cherche à diversifier au maximum le lieu de ses interventions. <br> Les danseurs intégrés à la compagnie pour un spectacle et/ou des stages sont des danseurs professionnels, membre d'une compagnie ou enseignants, qui en plus d'être intéressés par les activités de Sarabande, mènent une activité culturelle dans la ville sollicitée. <b> </td>
<td> <img src="55.jpg"> </td>
</tr>
<tr> <td align=center colspan=2> <b> <u> <br> Musiciens : <br> <br></u> </b> </td> </tr>
<tr> <td align=right> <img src="60.jpg"> </td> <td> <b> François Pouzet : Batterie, Percussions </b> </td> </tr>
<tr> <td align=right> <b> Pierre Bertrand : Piano </b> </td> <td> <img src="56.jpg"> </td> </tr>
<tr> <td align=right> <img src="58.jpg"> </td> <td> <b> Xavier Bornens : Trompette </b> </td> </tr>

</table> <br>


</td> </tr>



<tr bgcolor=#700000> <td height=50 colspan=5 style="font-size:x-small"> © Association Sarabande <br> Aucune reproduction, même partielle, autres que celles prévues à l'article L.122-5 du code de la propriété intellectuelle, ne peut être faite de ce site sans l'autorisation expresse de l'auteur. </td> </tr>

</table>



</body>
</html>



j'ai du me casser la tête pour faire des trucs que je voulais alors qu'il y avait probabement d'autres codes, 3 fois moins compliqué et qui donnaient la même chose^^ si vous trouvez les erreurs (en rapport ou non avec mon problème), je serais ravie de les entendre!
merci
0
killermano66 Messages postés 233 Date d'inscription jeudi 17 janvier 2008 Statut Membre Dernière intervention 25 novembre 2010 41
17 janv. 2008 à 11:25
Bonjour,

<P style="font-family:Vivaldi" style="font-size:183px" style="color:#700000"> <b> Sarabande </b></P>
Pourquois déclare tu plusieurs fois le style sur une même balise ?

Je vois que tu utilise CSS en haut, ne serait t'il pas plus facile pour toi et firefox que tu crée une fonction css permettant un affichage corect de tes paragraphe ( balise <p></p> ) ?

Cela donnerait par exemple :

p.text {
font-family : vivaldi;
font-size : 18px ;
color : #700000 ;
}

et pour la déclarer :

<P style="text"> <b> Sarabande </b></P>

Je penses que firefox le digererais mieux.

Ensuite plein de chose me parraisse bizzare dans ton code. Comme le fait que tu déclare des fnctions CSS dans ton body alors qu'elle ne sont pas crées dans ta partie Head. Et c'est pour moi ici que se situ ton problème car firefox est trés sensible a ce genre de chose comparé a IE.
0
lemafieu Messages postés 238 Date d'inscription vendredi 7 septembre 2007 Statut Membre Dernière intervention 18 mai 2008 17
17 janv. 2008 à 12:32
bonjour
il manque le code de base :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
met le tout au début de la page ;-)
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Florianew Messages postés 4 Date d'inscription mercredi 16 janvier 2008 Statut Membre Dernière intervention 17 janvier 2008
17 janv. 2008 à 15:42
p.text {
font-family : vivaldi;
font-size : 18px ;
color : #700000 ;
}

ça je dois le mettre dans le head ?
et donc au lieu de mettre à chaque fois style="color:...." style="font-size:...", il vaut mieux que je crée une fonction css et que je la déclare au moment voulu ? et ce pour tous mes "style" différents ?
j'avoue que je suis paumée par rapport au css...
0
Bonjour,

il existe des normes de programmation web pour l'HTML et CSS, développées par le W3C appelées "Standards".

Le soucis majeur quand on développe un site web, est que Firefox respecte ces standards, et IE beaucoup moins.
Donc, quand on développe "bien pour IE", sur Firefox ce n'est plus correct.

Plutôt que de me lancer dans un cours, je te renvois sur un site qui explique très bien tout ceci et de façon très simple et complète:
https://openclassrooms.com/fr/courses
0
killermano66 Messages postés 233 Date d'inscription jeudi 17 janvier 2008 Statut Membre Dernière intervention 25 novembre 2010 41
17 janv. 2008 à 17:56
La fonction css :

p.text {
font-family : vivaldi;
font-size : 18px ;
color : #700000 ;
}
signifie que dans tes paragraphes tu auras comme police vivaldi, que celle ci fera 18px et que ta couleur aura comme code hexadecimal #700000 ( qui corespond a une couleur ).

Si tu veux utiliser cette fonction sur un de tes paragraphes ( balise <p></p> tu devras la décarer par son nom dans sa balise.

Le nom c'est toi qui le choisis tu met ce que tu veux, ce qui te permet de créer une infinité de classe CSS.

Ensuite une classe CSS se déclare dans la partie <head> entre le balises <style> et </style>

Sinon, oui le site du zéro est un excelent site pour apprendre, bon courage ;)
0
Florianew Messages postés 4 Date d'inscription mercredi 16 janvier 2008 Statut Membre Dernière intervention 17 janvier 2008
17 janv. 2008 à 23:42
Effectivement, le site est bien, je viens d'y passer un bon bout de temps et j'ai compris pas mal de choses, notamment sur css. Je crois que je vais reprendre plusieurs trucs à zéro en évitant de faire les absurdités dont je viens de m'appercevoir et que j''ai faite dans mon code parce que je-suis-débutante et-que-je-sais-pas-comment-faire. A la base j'ai fait tout mon site sans comprendre qu'il y avait l'html d'une part, le css d'autre part, et que les deux se complétaient, j'ai tout fait en pensant que c'était html... Le pire c'est que j'ai réussi à faire un truc potable sur ie avec ça^^ Suis-je passer à côté d'une carriére de webmaster ?? (ouais je sais, le niveau est pas là..et alors ?)

Je clos le sujet puisque j'ai (en gros) compris mes bourdes.
Merci à tous ceux qu'on répondu !
0