Discussion :

[darkphenx]

Bonjour, j'ai leger souci.

J'ai codé 2 fichier CSS (IE et FF)

mais j'ai une grosse difference entre IE6 et IE7 voyez plutôt.



faut il spécifier la version du navigateur?
Merci à vous!

[MasterOfChakhaL]

c'est surtout le code css et la structure de ton html qui pourrait nous aider a comprendre le problème.

[darkphenx]

sorry,

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
<head>
 
  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  <title>Informatique d&eacute;veloppement software :
L'informatique &agrave; VOTRE service.</title>
 
 
  <link rel="stylesheet" href="design.css" title="design" type="text/css">
<!--[if IE]> <link rel="stylesheet" type="text/css" href="ie.css" /> <![endif]-->

[MasterOfChakhaL]

euh,

On ne s'est pas bien compris...
je demandais le css, pas la balise link...

par structure html, j'entendais quelque chose dans ce genre:

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
<div id="menu">
  ...
</div>
<div id="content">
  <div class="info">
    ...
  </div>
  <div class="info">
    ...
  </div>
</div>
<div id="footer">
  ...
</div>

En gros, il nous faut le code css + l'arborescence des éléments html de ta page.

En tout cas, je peux déjà te dire que les commentaires conditionnnels qui ne sont vu que par IE peuvent aussi contenir une précision sur la version de ton ie

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
 
<!--[if lt IE 7]>
<link rel="stylesheet" type="text/css" href="pour-ie6-et-inferieur.css" />
<![endif]-->
<!--[if IE 7]>
<link rel="stylesheet" type="text/css" href="pour-ie7.css" />
<![endif]-->

[darkphenx]

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
 
<!--[if lt IE 7]>
<link rel="stylesheet" type="text/css" href="pour-ie6-et-inferieur.css" />
<![endif]-->
<!--[if IE 7]>
<link rel="stylesheet" type="text/css" href="pour-ie7.css" />
<![endif]-->

C'est bien ca super merci à toi. Ceci dit, petit problème j'ai un menu déroulant et il ne se déroule plus.

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
 
     #menuDeroulant {
           z-index : 100;
           position : absolute;
           float : left;
           top :7.3em ;
		   font-family:Arial, Helvetica, sans-serif;
           background : #ffffff;
           width : 90%;
           height : 22px;
           list-style-type : none;
           margin : 0;
           padding : 0;
           border : 1px solid #000000;
      }
     #menuDeroulant li {
           float : left;
           font-family : Arial, Helvetica, sans-serif;
           background-color : #cc6633;
           font-size : 11px;
           width : 140px;
           margin : 0;
           padding : 0;
           border : 0;
      }
     #menuDeroulant li a:link, #menuDeroulant li a:visited {
           display : block;
           height : auto;
           color : #fff;
		   font-family:Arial, Helvetica, sans-serif;
           background : #3b4e77;
           margin : 0;
           padding : 4px 8px;
           border-right : 1px solid #fff;
           text-decoration : none;
      }
     #menuDeroulant li a:hover {
	 		font-family:Arial, Helvetica, sans-serif;
           background-color : #cc6600;
      }
     #menuDeroulant li a:active {
	 		font-family:Arial, Helvetica, sans-serif;
           background-color : #5f879d;
      }
     #menuDeroulant .sousMenu {
	 		font-family:Arial, Helvetica, sans-serif;
           display : none;
           list-style-type : none;
           margin : 0;
           padding : 0;
           border : 0;
      }
     #menuDeroulant .sousMenu li {
	 	 		font-family:Arial, Helvetica, sans-serif;
           float : none;
           margin : 0;
           padding : 0;
           border : 0;
           width : 149px;
           border-top : 1px solid #cc3300;
           border-right : 1px solid #cc3300;
      }
     #menuDeroulant .sousMenu li a:link, #menuDeroulant .sousMenu li a:visited {
	 	 		font-family:Arial, Helvetica, sans-serif;
           display : block;
           color : #fff;
           margin : 0;
           border : 0;
           text-decoration : none;
           background : transparent url("images\fondTR.png") repeat;
      }
     #menuDeroulant .sousMenu li a:hover {
	 	 		font-family:Arial, Helvetica, sans-serif;
           background-image : none;
           background-color : #f2462e;
      }
     #menuDeroulant li:hover .sousMenu {
	 	 		font-family:Arial, Helvetica, sans-serif;
           display : block;
      }

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
 
<ul id="menuDeroulant">
 
  <li> <a href="#">Qui sommes nous ?</a>
    <ul class="sousMenu">
 
      <li><a href="index.html">Qui sommes nous?</a></li>
 
      <li><a href="Equipe.html">Notre &eacute;quipe</a></li>
 
	  <li><a href="volonté.html">Notre volonté</a></li>
	  <li><a href="partenaire.html">Nos partenaires</a></li>
 
    </ul>
 
  </li>
 
    <li> <a href="#">Notre activité</a>
    <ul class="sousMenu">
 
      <li><a href="Services.html">Nos services</a></li>
 
      <li><a href="Logiciels.html">Nos logiciels</a></li>
	</ul>
	</li>
 
  <li> <a href="#">Nos r&eacute;alisations</a>
    <ul class="sousMenu">
 
      <li><a href="Rollcutting.html">Rollcutting</a></li>
	  <li><a href="classe.html">Classe Pupitre</a></li>
 
    </ul>
 
  </li>
 
  <li> <a href="Contact.html">Nous contacter</a> </li>
 
  <li> <a href="Espace_Clients/index.php">Espace Client</a> </li>
  <li> <a href="emploi.html">Offre d'emploi</a> </li>
  <li> <a href="actu.html">Actualit&eacute;s</a>
 
 
  </li>
 
</ul>