Rechercher : dans
Par :

CSS pb compatibilité IE7

Dernière réponse le 3 sep 2007 à 21:22:27 Baobabtesteur, le 3 sep 2007 à 16:32:45 
 Signaler ce message aux modérateurs

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>

Configuration: Windows Vista
Firefox 2.0.0.6

Meilleures réponses pour « CSS pb compatibilité IE7 » dans :
Windows 7 : Connaitre la compatibilité avec mes logiciels VoirRendez-vous à cette adresse : Centre de compatibilté Microsoft Notez le nom du produit dans "recherchez un produit" (Nero dans notre exemple), puis validez "OK". Le résultat est on ne peut plus clair : Répétez l'opération pour...
Les CSS pour présenter vos images VoirPour présenter agréablement vos images, vous pouvez intégrer quelques codes supplémentaires dans votre CSS et vous en servir à bon escient. Elles sont bien sur modulables en fonction de la charte graphique de votre site. Utilisation Mettez les codes...
Les classes de style (CSS) VoirLes classes et les ID Les classes Il peut s'avérer intéressant d'affecter des styles différents à des mêmes balises. Pour cela les spécifications CSS ont introduit le concept de classe. La définition des classes est aussi simple que celles des...
Feuilles de style - CSS VoirPrésentation des feuilles de style Le concept de feuilles de style est apparu en 1996 avec la publication par le W3C d'une nouvelle recommandation intitulée « Cascading StyleSheets » (feuilles de style en cascade), notée CSS. Le principe des...
CSS - Les couleurs VoirLes couleurs Le standard CSS propose différentes façons de définir des couleurs : par un nom avec la notation hexadécimale avec la notation décimale Appel d'une couleur par son nom Le langage HTML définit des noms pour un nombre limité de...

1

stanboost, le 3 sep 2007 à 16:48:59

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 <head></head>, il manque:
<link rel="stylesheet" type="text/css" href="tonfichier.css" />

Dans ton fichier CSS il manque:
<style type="text/css">

Bye
S'il n'y a pas de solution c'est qu'il n'y a pas de problème...

Configuration: Windows Vista
Internet Explorer 7.0

Répondre à stanboost

2

baobabtesteur, le 3 sep 2007 à 17:00:59

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

Configuration: Windows Vista
Internet Explorer 7.0

Répondre à baobabtesteur

3

stanboost, le 3 sep 2007 à 18:08:54

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


S'il n'y a pas de solution c'est qu'il n'y a pas de problème­...

Configuration: Windows Vista
Internet Explorer 7.0

Répondre à stanboost

4

 baobabtesteur, le 3 sep 2007 à 21:22:27

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

Configuration: Windows Vista
Internet Explorer 7.0

Répondre à baobabtesteur