Affichage différente entre firefox et IE
unknowm
-
Terrybogard Messages postés 51 Date d'inscription Statut Membre -
Terrybogard Messages postés 51 Date d'inscription Statut Membre -
Bonjour,
Laffichage de mon code ne saffiche pas de la meme manière dans les fureteur Firefox et IExplorer.
Voici le code et merci en avance de vos réponses:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Le laboratoire de Puffyrix</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css" />
body { margin-top:0px;}
img { border: 0px; margin:0px;}
.accueil { float:left; margin: 0px; padding:0;}
.accueil ul{font-family:Courier New,Georgia,Serif;font-size: 11px;padding-left: 0;margin-left: 0;height: 12px;}
.accueil ul li{list-style: none;display: inline;}
.accueil ul li a{padding: 2px 0.5em;text-decoration: none;float: left;color: black;background-color: #ffffff;border: 1px solid #d8d8d8;border-left: 0px;border-bottom: 0px;}
.accueil ul li a:hover{background-color: #edf7e3;}
html>body .accueil ul li a:active{ /* Apply mousedown effect only to NON IE browsers */border-style: inset;}
.menu { float: left; margin: 0px; padding:0;}
.menu ul{font-family:Courier New,Georgia,Serif;font-size: 11px;padding-left: 0;margin-left: 0;height: 12px;}
.menu ul li{list-style: none;display: inline;}
.menu ul li a{padding: 2px 0.5em;text-decoration: none;float: left;color: black;background-color: #efefef;border: 1px solid #d8d8d8;border-left: 0px;border-bottom: 0px;}
.menu ul li a:hover{background-color: #edf7e3;}
html>body .menu ul li a:active{ /* Apply mousedown effect only to NON IE browsers */border-style: inset;}
</style>
</head>
<body>
<div class="accueil">
<ul>
<li><a href="">PAGE D'ACCUEIL</a></li>
</ul>
</div>
<div class="menu">
<ul>
<li><a href="">TEST</a></li>
</ul>
</div>
</body>
</html>
Laffichage de mon code ne saffiche pas de la meme manière dans les fureteur Firefox et IExplorer.
Voici le code et merci en avance de vos réponses:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Le laboratoire de Puffyrix</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css" />
body { margin-top:0px;}
img { border: 0px; margin:0px;}
.accueil { float:left; margin: 0px; padding:0;}
.accueil ul{font-family:Courier New,Georgia,Serif;font-size: 11px;padding-left: 0;margin-left: 0;height: 12px;}
.accueil ul li{list-style: none;display: inline;}
.accueil ul li a{padding: 2px 0.5em;text-decoration: none;float: left;color: black;background-color: #ffffff;border: 1px solid #d8d8d8;border-left: 0px;border-bottom: 0px;}
.accueil ul li a:hover{background-color: #edf7e3;}
html>body .accueil ul li a:active{ /* Apply mousedown effect only to NON IE browsers */border-style: inset;}
.menu { float: left; margin: 0px; padding:0;}
.menu ul{font-family:Courier New,Georgia,Serif;font-size: 11px;padding-left: 0;margin-left: 0;height: 12px;}
.menu ul li{list-style: none;display: inline;}
.menu ul li a{padding: 2px 0.5em;text-decoration: none;float: left;color: black;background-color: #efefef;border: 1px solid #d8d8d8;border-left: 0px;border-bottom: 0px;}
.menu ul li a:hover{background-color: #edf7e3;}
html>body .menu ul li a:active{ /* Apply mousedown effect only to NON IE browsers */border-style: inset;}
</style>
</head>
<body>
<div class="accueil">
<ul>
<li><a href="">PAGE D'ACCUEIL</a></li>
</ul>
</div>
<div class="menu">
<ul>
<li><a href="">TEST</a></li>
</ul>
</div>
</body>
</html>
Configuration: Windows XP Firefox 3.0.8
A voir également:
- Affichage différente entre firefox et IE
- Affichage double ecran - Guide
- Difference entre mo et mb - Forum Matériel & Système
- Différence entre Mo et MB ✓ - Forum Matériel & Système
- Comment supprimer bing de firefox - Guide
- Downloadhelper firefox - Télécharger - Outils pour navigateurs
1 réponse
salut,
Les probs d'affichages sont des bugs et ce sont un grand soucis pour soucis pour les webdesigners "moi personnellement :p" donc pour les fixer il vous faut des programmes qui captes ces bugs et vous donne la main pour tester avant de sauvegarder votre fichier CSS.
Si vous tester votre site sur firefox tu vous faut FireBug et c isi https://addons.mozilla.org/en-US/firefox/
et pour IE vous pouvez télécharger IE devTools et c ici http://www.microsoft.com/downloadS/details.aspx?familyid=E59C3964-672D-4511-BB3E-2D5E1DB91038
bon courage!
Les probs d'affichages sont des bugs et ce sont un grand soucis pour soucis pour les webdesigners "moi personnellement :p" donc pour les fixer il vous faut des programmes qui captes ces bugs et vous donne la main pour tester avant de sauvegarder votre fichier CSS.
Si vous tester votre site sur firefox tu vous faut FireBug et c isi https://addons.mozilla.org/en-US/firefox/
et pour IE vous pouvez télécharger IE devTools et c ici http://www.microsoft.com/downloadS/details.aspx?familyid=E59C3964-672D-4511-BB3E-2D5E1DB91038
bon courage!
