Pb de compatibilité IE/Firefox pour site
Krunchy
-
samsam -
samsam -
Bonjour,
Je suis actuellement en stage et je dois créer un site internet. J'ai utilisé le logicile Nvu et j'ai du donc télécharger Firefox. J'ai fini mon site mai le problème c'est qu'il en rend pas du tout pareil sur Internet Explorer.(image décalée, menu plus gros, Image n'apparai plus en fond transparen)
Pouvez vous m'aider svp mon stage ce termine bientôt.
Je suis actuellement en stage et je dois créer un site internet. J'ai utilisé le logicile Nvu et j'ai du donc télécharger Firefox. J'ai fini mon site mai le problème c'est qu'il en rend pas du tout pareil sur Internet Explorer.(image décalée, menu plus gros, Image n'apparai plus en fond transparen)
Pouvez vous m'aider svp mon stage ce termine bientôt.
Configuration: Windows XP Firefox 2.0
11 réponses
-
Exemple de mon code:
#menu
{
background-repeat:no-repeat;
width:150px;
height:125px;
position:absolute;
margin-top:115px; (ici j'ai appliqué une marge pour mon menu ne soit pas coller avec le haut)
left:0px;
}
Les "margin" te permet d'imposer des marges (en pixels) sur chaques éléments et ils vont s'appliquer de la meme manière sur tout les navigateurs.
http://www.aidenet.com/css/css40a.htm -
Moi j'ai mis des marges sur TOUT mes DIV pour que tout restent en place sinon y'a certains qui partent à gauche/à droite...
Essai d'en mettre sur tout les éléments div ;) -
Accompagne les "margin" avec "position: absolute", parce que je crois que les marges ne fonctionnent pas sans ca...
-
-
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question -
bonjour
moi j'ai plutot un pb avec un paramlist; une liste deroulante liee a la base avec un code javascript; si je clique sur ville, la liste des localites de cette ville doivent apparaitre dans une deuxieme liste
le pb c que l'execution se fait sans pb sur firefox , mais sur internet explorer 7 juste la liste des villes fonctionne
et d'autres pb d'affichage de tabber, (menue a anglaits) juste les liens fonctionnent, mais tout s qui est graphique cadres ou couleurs non sur internet explorer!!!!!! -
Bonjour,
l'utilisation des margin left et right sur la feuille de style CSS ont résolu mon problème, et mon site est compatible avec les 2 navigateurs. -
Puis-je te donner ma source HTML pour ke tu m'aide?
-
-
Voila:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Script-Type"
content="text/javascript">
<script type="text/javascript" src="squelettes/js/menuH.js"></script><!--
window.onload=montre;
function montre(id) {
var d = document.getElementById(id);
for (var i = 1; i<=10; i++) {
if (document.getElementById('smenu'+i)) {document.getElementById('smenu'+i).style.display='none';}
}
if (d) {d.style.display='block';}
}
//-->
<style type="text/css">
("sytles.css")
</styles>
<!--[if IE]>
style type="text/css">;
<!--
body #id {
background: white;
padding:0;
margin:0;
font-family: verdana, comic sans ms, sans-serif;
font-size: 100%;
color: black;
}
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
position: absolute;
top: 1em;
left: 1em;
width: 10em;
}
#menu dt {
cursor: pointer;
background: #6a5acd;
height: 30px;
line-height: 20px;
margin: 2px 0;
border: 1px solid gray;
text-align: center;
font-weight: bold;
}
#menu dd {
position: absolute;
z-index: 100;
left: 8em;
margin-top: -1.4em;
width: 10em;
background: #87ceeb;
border: 1px solid gray;
}
#menu ul {
padding: 2px;
}
#menu li {
text-align: center;
font-size: 85%;
height: 18px;
line-height: 18px;
}
#menu li a, #menu dt a {
color: #9acd32;
text-decoration: none;
display: block;
}
#menu li a:hover {
text-decoration: underline;
}
#mentions {
font-family: comic sans ms;
position: absolute;
bottom : 200px;
left : 10px;
color: #000;
background-color: #ddd;
}
#mentions a {text-decoration: none;
color: #222;
}
#mentions a:hover{text-decoration: underline;
}
-->
</style><!--[endif]-->
<title>Les Secteurs</title>
</head>
<body
style="background-color: rgb(255, 255, 255); background-image: url(file:///M:/Direction%20G%E9n%E9rale/22%20-%20Communication/Affiche%20Association%202004/fond%20jaune%20DIAPORAMA%20AG%202005.jpg); color: rgb(0, 0, 0); height: 330px;"
alink="#ee0000" link="#0000ee" vlink="#551a8b">
<h1 style="background-color: rgb(154, 205, 50); width: 750px;"><span
style="color: rgb(255, 255, 255); text-decoration: underline;"><span
style="font-family: Arial;">Les
Secteurs </span>
</span></h1>
<dl
style="height: 198px; width: 342px; top: 84px; left: 328px; font-family: Arial;"
id="menu">
<dt
style="color: rgb(154, 205, 50); background-color: rgb(255, 255, 255);"
onmouseover="javascript:montre('smenu2');"
onmouseout="javascript:montre();"><a
href="Secteur%20Accueil%20et%20Soins.html"><big><big><span
style="color: rgb(154, 205, 50);">Accueil et Soins</span></big></big></a></dt>
<big><big><br style="color: rgb(154, 205, 50);">
</big></big><dt
style="background-color: rgb(255, 255, 255); color: rgb(154, 205, 50);"
onmouseover="javascript:montre('smenu3');"
onmouseout="javascript:montre();"><a
href="Secteur%20Enfance.html"><big><big>Enfance</big></big></a></dt>
<big><big><br>
</big></big><dt
style="background-color: rgb(255, 255, 255); color: rgb(154, 205, 50);"
onmouseover="javascript:montre('smenu4');"
onmouseout="javascript:montre();"><a
href="Secteur%20Travail%20Prot%E9g%E9.html"><big><big>Travail
Protégé</big></big></a></dt>
<big><big><br>
</big></big><dt
style="background-color: rgb(255, 255, 255); color: rgb(154, 205, 50);"
onmouseover="javascript:montre('smenu5');"
onmouseout="javascript:montre();"><a
href="Secteur%20H%E9bergement%20Adultes.html"><big><big>Hébergement
Adultes</big></big></a></dt>
</dl>
<br>
<a href="nouveau.html"><img
style="border: 0px solid ; position: absolute; top: 357px; left: 403px; width: 170px; height: 51px;"
alt="" src="../Photo/Retour.png"></a><br>
<br>
<div style="text-align: left;"><br>
<br>
<br>
<img
style="width: 240px; height: 267px; position: absolute; top: 87px; left: 19px;"
alt="carte"
src="file:///M:/Direction%20G%E9n%E9rale/22%20-%20Communication/Affiche%20Association%202004/carte.png"><br>
</div>
<div style="text-align: center;"><img
style="position: absolute; z-index: 0; width: 49px; height: 42px; top: 76px; left: 273px;"
alt="" src="../Photo/papillon%20noir.png"></div>
<div style="text-align: center;"><br>
</div>
<div style="text-align: center;"><img
style="position: absolute; z-index: 0; width: 51px; height: 44px; top: 202px; left: 269px;"
alt="" src="../Photo/papillon%20noir.png"><img
style="position: absolute; z-index: 0; width: 51px; height: 44px; top: 140px; left: 270px;"
alt="" src="../Photo/papillon%20noir.png">
<br>
<br>
<br>
<br>
<br>
<br>
<img
style="position: absolute; z-index: 0; width: 51px; height: 44px; top: 267px; left: 274px;"
alt="" src="../Photo/papillon%20noir.png"><br>
</div>
</body>
</html> -
Sa ne marche pas, peut tu me donner un exemple avec mon CSS stp?
-
salut,
tu peux utiliser les commentaires conditionnels pour corriger les erreurs d'affichage qui se produisent sous ie.
plus d'info : http://forum.alsacreations.com/faq/faq-53-Qu039est-ce-que-les-commentaires-conditionnels-.html
