problème affichage entre ie et mozilla

problème affichage entre ie et mozilla - HTML/CSS - Programmation

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

Reply

Marsh Posté le 23-05-2008 à 14:21:20   

Reply

Marsh Posté le 23-05-2008 à 14:33:46    

http://img373.imageshack.us/img373/4931/bclt7.jpg


---------------
Software and cathedrals are much the same - first we build them, then we pray.
Reply

Marsh Posté le 23-05-2008 à 15:45:18    

je pense quoi de ça

Reply

Marsh Posté le 23-05-2008 à 16:34:52    

Ma boule de cristal ne marche pas aujourd'hui [:spamafote]

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?

 


Message édité par anapajari le 23-05-2008 à 16:35:01

---------------
Software and cathedrals are much the same - first we build them, then we pray.
Reply

Marsh Posté le 26-05-2008 à 12:33:16    

dommage

Reply

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 !


---------------
-- Turns your mind towards BeTa --
Reply

Marsh Posté le 26-05-2008 à 21:49:07    

patmarley a écrit :

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


Mais donne du code si tu veux une réponse.

 

Tu crois qu'on fait de la magie ?
Hé ben nan :o

 

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]

 

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


Message édité par gatsu35 le 26-05-2008 à 21:49:29
Reply

Marsh Posté le 27-05-2008 à 16:00:15    

Reply

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>

Reply

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 :
  1. #menu dl {
  2.    color:#FFFF00;
  3.    float:left;
  4.    margin:0pt 1px;
  5.    width:1em;
  6. }

Reply

Marsh Posté le 29-05-2008 à 00:42:41   

Reply

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

Reply

Marsh Posté le 17-06-2008 à 10:32:44    

pas de réponse un petit effort merci d'avance

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed