problème affichage entre ie et mozilla - HTML/CSS - Programmation
Marsh Posté le 23-05-2008 à 14:33:46

Marsh Posté le 23-05-2008 à 16:34:52
Ma boule de cristal ne marche pas aujourd'hui ![[:spamafote] [:spamafote]](https://forum-images.hardware.fr/images/perso/spamafote.gif)
| Spoiler : honnêtement, il n'y a strictement rien qui puisse nous permettre de t'aider dans ton post. Tu ne penses pas qu'un petit bout de code, un lien ou tout autre information pourrait nous aider? | 
Marsh Posté le 26-05-2008 à 14:05:54
Surement une mauvaise utilisation du CSS si encore tu utilises du CSS enfin comme dit plus haut on est pas devin !
Marsh Posté le 26-05-2008 à 21:49:07
| patmarley a écrit : bonjour  | 
Mais donne du code si tu veux une réponse.
Tu crois qu'on fait de la magie ? 
Hé ben nan 
De quoi tu as peur ? 
- Qu'on te pique le graphisme de ton site ? 
- Qu'on te pique ton super code qui marche pas ? ![[:dawa] [:dawa]](https://forum-images.hardware.fr/images/perso/dawa.gif)
Donc fait un effort si tu veux qu'on en fasse un de notre coté.
PS : à force d'utiliser ma boule de cristal pour des gens comme toi, elle a fini par se casser
Marsh Posté le 28-05-2008 à 15:34:59
je vous file le code peur de rien 
<?php header('Content-Language: en'); ?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> 
<head> 
<title>Horizontal menu</title> 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> 
<link rel="stylesheet" type="text/css" href="menu.css" /> 
<script type="text/javascript"> 
<!-- 
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';} 
} 
//--> 
</script> 
<style type="text/css"> 
body { 
margin: 0; 
padding: 0; 
font:80% verdana, arial, sans-serif; 
} 
dl, dt, dd, ul, li { 
margin: 0; 
padding: 0; 
list-style-type: none; 
} 
#menu { 
 position: absolute; 
 left:0; 
 top:120; 
 z-index:102; 
 width: 1022px; 
} 
#menu dl { 
float: left; 
width:1em; 
margin: 0 1px; 
color:#FFFF00; 
} 
#menu dt { 
cursor: pointer; 
text-align: center; 
font-weight: bold; 
width:110px; 
height:40px; 
padding-top:12px; 
background-image: url("images/bouton-gerard-philipe1.gif" ); 
border: 0px solid gray; 
} 
#menu dd { 
border: 1px solid gray; 
width:110px; 
} 
#menu li { 
text-align: center; 
background: #fff; 
} 
#menu li a, #menu dt a { 
color: #000; 
text-decoration: none; 
display: block; 
height: 100%; 
border: 0 none; 
} 
#menu li a:hover, #menu dt a:hover { 
background: #eee; 
} 
 
#site { 
position: absolute; 
z-index: 1; 
top : 70px; 
left : 10px; 
color: #000; 
background-color: #ddd; 
padding: 5px; 
border: 1px solid gray;  
} 
#global { 
 margin-right:auto; 
 margin-left: auto; 
 width:1024px; 
 position: relative; 
} 
body 
{ 
   width: 1024px; 
   margin: auto;  
   margin-top: 20px;  
   margin-bottom: 20px;     
} 
 
 
 
a {text-decoration: none; 
color: black; 
color: #222; 
} 
--> 
</style> 
</script> 
</head> 
 
<body> 
<div id="global"> 
<img src="images/banniere.jpg" width="1024" height="120" /> 
<div id="menu"> 
 <dl> 
 	<dt onmouseover="javascript:montre('');">Accueil</dt> 
 </dl> 
  
 <dl>    
 	<dt onmouseover="javascript:montre('smenu1');">Enseignements</dt> 
   <dd id="smenu1"> 
   	<ul> 
     <li><a href="enseignement.htm">Alternance</a></li> 
     <li><a href="#">Segpa</a></li> 
     <li><a href="#">DP3</a></li> 
     <li><a href="#">UPI</a></li> 
     <li><a href="#">Sections sportives</a></li> 
     <li></li> 
   	</ul> 
   </dd> 
 </dl> 
  
  
 <dl>  
 	<dt onmouseover="javascript:montre('smenu2');">Personnels</dt> 
   <dd id="smenu2"> 
   	<ul> 
     <li><a href="#">Administration</a></li> 
     <li><a href="#">Vie scolaire</a></li> 
     <li><a href="#">Infirmerie</a></li> 
     <li><a href="#">Assistante sociale</a></li> 
     <li><a href="#">Conseillère orientation</a></li> 
     <li><a href="#">Documentalistes</a></li> 
     <li><a href="#">Enseignants</a></li> 
     <li><a href="#">Personnel de service</a></li> 
   	</ul> 
   </dd> 
 </dl> 
  
 <dl>  
 	<dt onmouseover="javascript:montre('smenu3');">Accès</dt> 
   <dd id="smenu3"> 
   	<ul> 
     <li><a href="#">Transport scolaire</a></li> 
     <li><a href="#">Accès</a></li> 
     <li><a href="#">Plan</a></li> 
   	</ul> 
   </dd> 
 </dl> 
  
 <dl>  
 	<dt onmouseover="javascript:montre('smenu4');">Actions</dt> 
   <dd id="smenu4"> 
   	<ul> 
     <li><a href="#">Stages</a></li> 
     <li><a href="#">Clubs</a></li> 
     <li><a href="#">Voyages</a></li> 
     <li><a href="#">UNSS</a></li> 
     <li><a href="#">AFEV</a></li> 
     <li><a href="#">Concours</a></li> 
   	</ul> 
   </dd> 
 </dl> 
 <dl>  
 	<dt onmouseover="javascript:montre('smenu5');">Détente</dt> 
   <dd id="smenu5"> 
   	<ul> 
     <li><a href="#">Foyer</a></li> 
     <li><a href="#">Cantine</a></li> 
   	</ul> 
   </dd> 
 </dl> 
 <dl>  
 	<dt onmouseover="javascript:montre('smenu6');">Contacts</dt> 
      
  </dl> 
 <dl>  
 	<dt onmouseover="javascript:montre('smenu7');">Liens</dt> 
   <dd id="smenu7"> 
   	<ul> 
     <li><a href="#">Examens</a></li> 
     <li><a href="#">Sites externes</a></li> 
   	</ul> 
   </dd> 
 </dl> 
 <dl>  
 	<dt onmouseover="javascript:montre('smenu8');">Diaporama</dt> 
        
 </dl> 
</div> 
 
<div id="gp" style="position:absolute; width:200px; height:115px; z-index:101; left: 0px; top: 120px;"><img src="images/gp.gif" width="1024" height="604" /></div> 
 
</div> 
</body> 
</html>
Marsh Posté le 29-05-2008 à 00:42:41
je le laisse deviner la grosse connerie que tu as fais dans ton code. 
Voici la partie incriminée. 
| Code : 
 | 
Marsh Posté le 02-06-2008 à 13:10:34
ok merci problème résolu 
je vais encore abuser de votre bonne foi 
mes pages sont parfaitement centrer sur mozilla mais pas avec ie 
comment faire ? 
 
aussi mes menus déroulant ne se ferment pas quand j'enlève la souris de dessus ????? 
merci encore
Marsh Posté le 23-05-2008 à 14:21:20
bonjour
j'ai construis une page web avec dreamweaver
quand je fais un apercu sur ie mes 9 onglets sont répartis normalement sur la largeur
et quand je regarde sur mozilla ils se retrouvent tous empilé à gauche
pourquoi
merci