Probleme de compatibilité
Résolu
atomics
-
atomics -
atomics -
Bonjour,
je suis en train de faire mes premières armes dans le domaine webmastering et comme ça arrive souvent aux débutants je rencontre quelques problèmes ^^.
Le site que je suis en train de réalisé fonctionne parfaitement sur Firefox, néanmoins sur Internet explorer une de mes boite div se retrouve en dehors du cadre "conteneur" que j'ai crée.
Voici le problème en images :
http://jacqueminsimon.olympe-network.com/test/siteproblem.html
et le code (j'ai indiqué par des pointillés le problème) :
Merci de votre aide.
je suis en train de faire mes premières armes dans le domaine webmastering et comme ça arrive souvent aux débutants je rencontre quelques problèmes ^^.
Le site que je suis en train de réalisé fonctionne parfaitement sur Firefox, néanmoins sur Internet explorer une de mes boite div se retrouve en dehors du cadre "conteneur" que j'ai crée.
Voici le problème en images :
http://jacqueminsimon.olympe-network.com/test/siteproblem.html
et le code (j'ai indiqué par des pointillés le problème) :
Merci de votre aide.
<style type="text/css">
.conteneur {
width: 1050px;
height: 768px;
margin:auto;
}
.conteneur img {
border:none;
margin: 0px;
float:left;
}
.menu {
position:absolute;
left:247px;
margin:auto;
float:right;
}
.bas {
top: 131px;
}
--------------------------------------------------CSS de la boite posant problème--------------------------------------------------------------
.sousmenu {
position:absolute;
margin-left: 65px;
top: 189px;
width: 157px;
}
------------------------------------------------------------------------------------------------------------------------------------------------------------
.href {
border:none;
}
</style>
<body bgcolor="#000000" onload="MM_preloadImages('images/accueil2.jpg','images/gallerie2.jpg','images/membres2.jpg','images/contacts2.jpg','images/forum2.jpg','images/films2.jpg','fichiers/boutons/news2.jpg','fichiers/boutons/presentation2.jpg','fichiers/boutons/evenements2.jpg')">
<div class="conteneur">
<!--MENU-->
<div span="menu">
<a href="accueil.html"> <img src="images/logo.jpg"/> </a>
<a href="accueil.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image4','','images/accueil2.jpg',1)"><img src="images/accueil.jpg" name="Image4" width="107" height="131" border="0" id="Image4" /></a>
<a href="films.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image10','','images/films2.jpg',1)"><img src="images/films.jpg" name="Image10" width="105" height="131" border="0" id="Image10" /></a>
<a href="gallerie.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image12','','images/gallerie2.jpg',1)"><img src="images/gallerie.jpg" name="Image12" width="112" height="131" border="0" id="Image12" /></a>
<img src="images/membres2.jpg" border="0" />
<a href="forum.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image9','','images/forum2.jpg',1)"><img src="images/forum.jpg" name="Image9" width="103" height="131" border="0" id="Image9" /></a>
<a href="contacts.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image11','','images/contacts2.jpg',1)"><img src="images/contacts.jpg" name="Image11" width="241" height="131" border="0" id="Image11" /></a>
</div>
<!--SOUS MENU-->
-------------------------------------------LE PROBLEME EST SUR CETTE BOITE--------------------------------------------------------------
<div class="sousmenu">
<a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image13','','fichiers/boutons/news2.jpg',1)"><img src="fichiers/boutons/news.jpg" name="Image13" width="144" height="23" border="0" id="Image13" /></a>
</div>
---------------------------------------------------------------------------------------------------------------------------------------------------------------
<img src="images/basgeneral.jpg" />
</div>
</body>
A voir également:
- Probleme de compatibilité
- Compatibilite windows 11 - Guide
- Pack compatibilité office 2003 - Télécharger - Bureautique
- Macos 14 compatibilité - Accueil - MacOS
- Watchos 9 compatibilité - Guide
- Vérificateur de compatibilité de jeu - Astuces et Solutions
2 réponses
salkut,
je me suis permis d'aller tester directement test.html dans "kik".
soit dit en passant, très joli ce que tu fais.
pour ton sous-menu c'est bizarre, tu ne devrais pas le positionner en 'absolute', c'est très dur à manipuler et source de beaucoup d'erreurs.
tu peux toujours essayer de vire la marge gauche et de le remplacer par {left:65px;}, en ajustant bien sûr !
je me suis permis d'aller tester directement test.html dans "kik".
soit dit en passant, très joli ce que tu fais.
pour ton sous-menu c'est bizarre, tu ne devrais pas le positionner en 'absolute', c'est très dur à manipuler et source de beaucoup d'erreurs.
tu peux toujours essayer de vire la marge gauche et de le remplacer par {left:65px;}, en ajustant bien sûr !
Merci beaucoup pour ta réponse, ça n'a pas résolu le problème en soit mais avec quelques autres retouches et de la motivation je suis finalement arrivé à mes fins ^^.
Voici le code au passage au cas ou quelqu'un en aurait besoin (rajout d'une balise Div et utilisation de background-image avec un float left) :
Voici le code au passage au cas ou quelqu'un en aurait besoin (rajout d'une balise Div et utilisation de background-image avec un float left) :
CSS:
.bas {
top: 131px;
width: 1024px;
height: 603px;
background-image:url(images/basgeneral.jpg);
float:left;
}
.sousmenu {
margin-left: 65px;
top: 189px;
}
HTML :
<div class="bas">
<div class="sousmenu">
<a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image13','','fichiers/boutons/news2.jpg',1)"><img src="fichiers/boutons/news.jpg" name="Image13" width="144" height="23" border="0" id="Image13" /></a>
</div>
</div>