CSS pb compatibilité IE7 Résolu/Fermé

Question

Bonjour ,
j'ai un problème de compatibilité sur IE7 et vista avec ce css que j'ai trouvé bien conçu mais pas à jour .Après l'avoir transformé de plusieurs façons et étant débutant , je n'arrive toujours pas à le faire afficher corectement sur IE7; quel'qu'un aurait il une idée? le voici
Il s'agit d'afficher un menu horizontal avec un chargement rapide des images:

CSS :
style type="text/css">

body {
margin:2em; padding:0;
background: white;
}

#menu {
height: 25px;
margin: 3em 0; padding:0 1em;
border-bottom: 1px solid black;
}

div.outer {
float: left;
width: 120px; height: 25px;
margin: 0 3px 0 0;
background: url( 'bars.gif' ) 0 -50px no-repeat;
}

div.outer a {
display: block;
margin: 0; padding:0;
width:100%; height:100%;
overflow:hidden;
font: bold 13px/1 Georgia, serif;
color:#039;
text-decoration: none;
background: url( 'bars.gif' ) top left no-repeat;
}
div.outer span {
display: block;
margin:0; padding: 7px 0 0 13px;
}
div.outer a:hover {
background-image: none;
color: yellow;
}
div.outer a:active {
color: black;
}

</style>

Html :
<body>

<div id="menu">

<div class="outer"><a href="#"><span>First</span></a></div>
<div class="outer"><a href="#"><span>Second</span></a></div>
<div class="outer"><a href="#"><span>Third</span></a></div>
</div>
</body>

stanboost · Answer

Bonjour, J'ai pas testé ton code mais quel est le problème exactement? Tu peux déjà faire les corrections suivantes: Dans la section , il manque: Dans ton fichier CSS il manque:

baobabtesteur · Answer

Bonjour , oui en effet il manque ces éléments , pour l'instant le travaille en style incoproré. 
en fait mon problème est que dans ce menu j'utilise la méthode des portes coulissantes avec une image double dont on affiche une ou l'autre partie selon le survol ou non et donc sur ff2 pas de pb je vois bien la prmeière image puis celle de survol mais sous ie6 et 7 je ne vois que l'image de survol qd je passe la souris , de ce fait mon menu est complètement nu au départ comme si le css n'était pas pris en compte ...
voila , si tu peux tester rapidement et me donner une solution , je susi preneur en attendant , je cherche ...
Merci

stanboost · Answer

Donne moi l'url de ton code je vais regarder sur ton serv c'est plus simple 
je trouve ton code pas très très clair... du moins j'aurais pas fait comme ça,
à chacun sa méthode ^^

J'utilise la méthode suivante pour mes menus images et/ou boutons:
http://sophie-g.net/jobs/css/f_buttons.htm Merci sophie :)

baobabtesteur · Answer

Merci Stanboost,
 je trouve ta solution bonne mais je suis finalement passer autrement :) je la garde pour l prochiane fois
A + 
Greg

CSS pb compatibilité IE7

4 réponses

Discussions similaires