Affichage différente entre firefox et IE
unknowm
-
Terrybogard Messages postés 57 Statut Membre -
Terrybogard Messages postés 57 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>
A voir également:
- Affichage différente entre firefox et IE
- Différence entre tcp et udp - Guide
- Downloadhelper firefox - Télécharger - Outils pour navigateurs
- Difference entre million et milliard - Accueil - Technologies
- Affichage double ecran - Guide
- Exporter favoris firefox - Guide
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!
