Probleme de compatibilité

Résolu

atomics -
atomics - 13 janv. 2009 à 10:13

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.


<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
Macos big sur compatibilité - Guide

2 réponses

Réponse 1 / 2

Dalida Messages postés 6728 Date d'inscription Statut Contributeur Dernière intervention 922

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 !

Réponse 2 / 2

atomics

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) :


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>

Discussions similaires

compatibilité objectifs AF NIKKOR sur boitier numérique

Suppression du Mode de Compatibilité

Compatibilité carte mère pour TV Samsung.

Compatibilité 5.2

Calcul de compatibilité amoureuse par prenoms

Votre réponse

Discussions similaires