IE et Firefox

Fermé
CmC - 9 mai 2009 à 11:51
Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 - 9 mai 2009 à 16:00
Bonjour,
Comme beaucoup d'entre vous le savent, la présentation d'un navigateur à un autre change énormément.
IE et Firefox étant les navigateurs les plus utilisés, j'ai décidé de tester mon site avec ces deux navigateurs.
Et là....
Je me suis rendu compte que IE "démolissait toute <<ma belle >> :D" présentation.
Voyez par vous même :
http://cmcprog.webou.net

Je n'arrive pas a résoudre ce problème. Est-ce à cause des "float" en css?Ou parce que j'ai écrit mes balises <div class="en_tete_dorite">
et
<div class="en_tete_gauche">
avant
<div id="banderole">

J'espère que vous trouverez l'erreur.
Merci d'avance
A voir également:

5 réponses

geek-inside33 Messages postés 161 Date d'inscription samedi 9 mai 2009 Statut Membre Dernière intervention 14 mars 2010 24
9 mai 2009 à 11:52
Jean Sérien (lol)
0
J'ai essayé d'inclure mes <div class="en_tete..."> dans le <div id="banderole"> mais firefox plante dans ce cas la.
0
PhP Messages postés 1767 Date d'inscription lundi 11 décembre 2000 Statut Membre Dernière intervention 23 décembre 2009 606
9 mai 2009 à 12:21
Bjr

Hum ... même sous Firefox si on réduit trop la largeur de la page ça part en vrilles ! lol

C'est pourquoi je préfère et de loin les designs à largeur fixe.

Comme beaucoup d'entre vous le savent, la présentation d'un navigateur à un autre change énormément.

Oui ça peut varier et je suppose que c'est la raison pour laquelle tu as attendu d'avoir fini ta page sur Firefox pour là tester sous IE au lieu de tester au fur-et-à-mesure sur les 2 navigateurs ?

C'est la meilleur façon d'être sûr et certain que tu auras des différences de rendu.

Déjà dans ta page je ne trouve nulle part la balise <body> ouvrante ! Par contre la balise <marquee> merdique à souhait oui lol

Est-ce à cause des "float" en css?

y'a de fortes chances ;-) Mais pas que ça ...


body {
  behavior: url("csshover.htc");
  # font-size:10pt;
  # font-family:"Trebuchet MS", serif;
  width: 100%;
  margin: auto;
  margin-top: 0px;
  margin-bottom: 20px;    
  background-image: url("images/mainpage.png");
}


Déjà behavior kézako ? C'est valide ce genre de propriété ?
Et le "#" devant font-size ?

Visiblement FF apprécie moyennement vu le nombre de warnings qu'il me sort dans la console d'erreur.

Solution : reprendre tout de A à Z en partant d'une feuille de style vide
0
Merci PhP!

J'espérais pas avoir une réponse si rapide!

J'ai changé de tactique. Au lieu de rajouter un div j'ai tout mis dans un seul.
0
Pour le behavior j'ai suivit un tutoriel du site du zero :
http://www.siteduzero.com/tutoriel-3-37455-menu-a-deroulement-horizontal.html
0
PhP Messages postés 1767 Date d'inscription lundi 11 décembre 2000 Statut Membre Dernière intervention 23 décembre 2009 606 > CmC
9 mai 2009 à 13:55
Hum ok je comprends mieux ...

Ben en testant l'exemple final sous IE 6 ça marche pas du tout.

Ce qui ne m'étonne de toute façon qu'à moitié : on veut absolument détourner le CSS de son usage à savoir la gestion de la présentation pour lui faire faire des choses qui normalement sont dévolues à la programmation donc JavaScript. D'où l'usine à gaz pour le menu complexité qu'on tente de masquer en l'imputant bien évidemment à IE qui pour une fois n'y est pour rien. Le CSS n'est pas fait pour ça tout simplement !


0
Utilisateur anonyme
9 mai 2009 à 12:26
Moi j'vois tout sur IE ou Firefox ^^
0
PhP Messages postés 1767 Date d'inscription lundi 11 décembre 2000 Statut Membre Dernière intervention 23 décembre 2009 606
9 mai 2009 à 12:39
Bjr

Le problème n'est pas de voir quelque chose mais que le rendu soit à peu près identique sous les différents navigateurs.

Avec FF ça va mais avec IE 6 (oui 6 je conserve exprès cette version) ben ça n'a rien à voir même si ça reste lisible
0

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

Posez votre question
Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 920
9 mai 2009 à 16:00
salut,

tu peux ouvrir ton éditeur de texte, faire Fichier/Nouveau et partir d'un fichier vierge.

tu veux coder en XHTML Strict, ton <head> est en majsucules et tu n'as pas de <body>. ça ne sert à rien d'aller plus loin avec ce fichier tu perdras plus de temps que de coder une page propre :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html lang="fr" xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
	<head>
		<meta http-equiv="content-type" content="text/html; charset=iso-8859-15"/>
		<meta http-equiv="content-language" content="fr"/>

		<link rel="stylesheet" href="styles/screen.css" type="text/css"/>

		<title>Titre du document</title>
	</head>
	<body>
	</body>
</html>
0