Imprimer la Page

Forum-webmaster

Général => Un projet de site internet ? => Message commencé par: Nozon le le 27-01-2010 a 13:58:49

Titre: Comportement dans Firrefox et IE
Posté par: Nozon le le 27-01-2010 a 13:58:49

Bonjour,
Je suis en train de réaliser (bénévole) un site pour une société qui organise une course pédestre (récolte de fond pour la lutte contre le cancer). Je le fais avec Dreamweaver CS4 (DW CS4).
Je n'ai pas de connaissance suffisante pour le construire en langage HTML, mais j'en ai quelques une.

Voilà ma question:
Le comportement de la page n'est pas pareil dans Firefox 3.5 (OK) que dans EI8 (décalage).

Merci d'avance pour votre aide.
:)

Voici le code de ma page:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Montée du Nozon</title>

<script language="javascript">

// 1 - on initialise le compteur
numero=0;

// 2 - on met les images à afficher dans un beau tableau
mes_images=new Array("Images/LogoDiapoSponsors/1.jpg","Images/LogoDiapoSponsors/3.gif","Images/LogoDiapoSponsors/6.jpg","Images/LogoDiapoSponsors/4.jpg","Images/LogoDiapoSponsors/CarPostal.jpg");

// 3 - on crée la fonction animer
// Paramétres :
// 3 c'est le nombre d'images ;
// 2000 c'est les millisecondes (= 2 secondes) entre chaque apparition

function animer() {
document.image.src=mes_images[numero];
numero=numero+1;
if(numero==5){numero=0;}
setTimeout("animer()",2000)
}
</script>


<SCRIPT LANGUAGE="JavaScript">
/*
SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT
http://www.editeurjavascript.com
*/
Maintenant = new Date;
TempMaintenant = Maintenant.getTime();
Future = new Date(2010, 4, 08);
TempFuture = Future.getTime();
DiffSec = Math.floor((TempFuture-TempMaintenant)/1000);
DiffMin = Math.floor(DiffSec/60);
Diffheure = Math.floor(DiffMin/60);
DiffJour = Math.floor(Diffheure/24);
while (DiffMin>=60)
      {
      DiffMin = DiffMin-60;
      }
while (Diffheure>=24)
      {
      Diffheure = Diffheure-24;
      }
while (DiffSec>=60)
      {
      DiffSec = DiffSec-60;
      }
</SCRIPT>


<style type="text/css">

</style>
</head>

<body onLoad="animer()">

<div id="CaseJourJ"><img src="Images/Jour_J.gif" alt="jour_J" width="37" height="56" hspace="76" vspace="3" /><br />
</div>
<div id="CaseCpteReb">
<script type="text/javascript">

document.write('Il ne reste plus que ' + DiffJour + ' jour(s) et ' + Diffheure + ' heure(s) ');

</script>

</div>

<div id="CaseFondac"><img src="Images/LogFondact.jpg" width="200" height="54" alt="fondaction" /></div>
<div id="CaseSponsors"><img src="Images/LogoDiapoSponsors/1.jpg" alt="Sponsors" id="image" /></span> </div>
<div id="CaseCoursPed">Course pédestre organisée en faveur de la recherche contre le cancer</div>
<div id="CaseProchaine">Prochaine édition <br />
le samedi 08 mai 2008</div>

<div id="conteneur">
<div id="entete"><img src="Images/BanniereSupFoulee.jpg" width="1000" height="103" alt="banniere" /></div>
<div id="contenu">
<ul>
<li>Accueil </li>
<li> Courses </li>
<li> Marche</li>
<li> Inscription</li>
<li> Situation</li>
<li> Infos</li>
<li> Parrainage</li>
<li> Résultats</li>
<li> Donateur</li>
<li> Galeries</li>
<li> NEWS<br />
</li>
</ul>
</div>
<div id="pied">
<h4>Webmaster<br />
<img src="Images/LOGO5firmInformatic copie.png" alt="logoWebmaster" width="200" height="31" /></h4>
</div>
</div>

</body>

</html>

Titre: Re:Comportement dans Firrefox et IE
Posté par: CCUS le le 28-01-2010 a 17:28:24

essaye la balise if IE. Je crois que c'est ça :

Code:

Titre: Re:Comportement dans Firrefox et IE
Posté par: webmaster_pro le le 28-01-2010 a 19:13:22

bonjour,

essayer en metant dans le CSS :

*{margin:0;padding:0;}

bon courage

Titre: Re:Comportement dans Firrefox et IE
Posté par: AG.creation le le 29-01-2010 a 16:26:16

Bonjour ,

1-évite de tout mettre sur une même page fais un fichier style.css, et fais un lien vers lui dans ta page, exemple:

Code:

2-donne nous l'adresse du site pour qu'on sache d'ou vient le prob dans le css.

3- une fois le prob trouvé dans le fichier style.css, tu fais un deuxième fichier "style-ie.css ",
en oubliant pas de faire un lien à la suite de "style.css" dans ta page, ce qui dois te donner sa :

Code:

4- dans le fichier "style-ie.css" tu mais uniquement la ou les propriétés qui provoque le prob sous IE exemple:

Code:

style.css: // fichier général avec toutes les propriétés
.retour
{
   position:absolute; // le prob sous IE
   margin-top:320px;
   margin-left:625px;
}

Code:

style-ie.css: // fichier avec correction
.retour
{
position: relative; // correction sous IE
}

En espérant que tu me comprennes malgré mon ortho catastrophique

Titre: Re:Comportement dans Firrefox et IE
Posté par: Nozon le le 29-01-2010 a 17:24:18

Bonjour!
Voilà l'adresse du site:
http://www.montee-nozon.ch/Test.html

Je suis parti sur la base des balise <div> pour ma mise en page. Ce n'est certainement pas parfait, alors j'accepte volontier vos remarques ou idées.
Une chose me tracasse, les images des logos des sponsors (1.jpg, 2.jpg etc il y en a 6) ne tourne pas.
La ligne 187 du code source(IE) : <img src="Images/LogoDiapoSponsors/1.jpg" alt="Sponsors" name="imagesp" />

a été changée par mon hébergeur pour que cela fonctionne avec IE. Avant cette ligne était : <img src="Images/LogoDiapoSponsors/1.jpg" alt="Sponsors" id="image" /> et cela fonctionnait avec FF. Merci encore à tous de vos aides.