IE et Firefox
CmC
-
Dalida Messages postés 7114 Date d'inscription Statut Contributeur Dernière intervention -
Dalida Messages postés 7114 Date d'inscription Statut Contributeur Dernière intervention -
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
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:
- IE et Firefox
- Downloadhelper firefox - Télécharger - Outils pour navigateurs
- Mozilla firefox - Télécharger - Navigateurs
- Exporter favoris firefox - Guide
- Ie tab - Télécharger - Outils pour navigateurs
- Comment supprimer bing de firefox - Guide
5 réponses
J'ai essayé d'inclure mes <div class="en_tete..."> dans le <div id="banderole"> mais firefox plante dans ce cas la.
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 ...
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
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
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 !
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 !
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
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 :
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>
