Discussion :

[koko2012]

Bonjour, j'ai un problème sur wordpress sur le site suivant:

http://www.image-3D.ch

Alors le template s'affiche correctement sous Firefox mais sous Internet explorer j'ai un gros problème d'affichage .

Alors j'ai regardé sous les fichiers css, je pense avoir trouver un bout de code dans une feuille de style qui règle la compatibilité entre Firefox et IE. le fichier s4apelle ie.css:

Code :

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
 
.top_entry {
	padding-top: 10px;
	height:192px;
}
 
 
.mag_posts_meta {
	margin-top: 5px;
}
 
#contents .post .post-entry {
	padding-top: 10px;
	padding-bottom: 10px;
}
 
#contents .post #commentform {
	margin-top: 10px;
}

puis un deuxième fichier IE6.css

Code :

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
 
#navlist {
	top: 411px;
}
 
#navlist ul {
	float: left;
}
 
#navlist ul li a {
	float: left;
}
 
#listmenu ul li a {
	float: left;
}
 
#sidebar ul li a {
	height: 15px;
}
 
#divflash {position:relative;top:125px;left:45px;}

Comment puis-je régler ce problème? Si vous aveu besoins d'un autre fichier css, merci de me le dire.

cordialement. nico

[koko2012]

Alors, ce qui est étrange c'est que j'ai un autre site avec quasi le même template

j'ai trouvé ce fichier ie7.css que j'ai mis sur image-3d.ch

rien n'y fait, j'ai toujours cette erreur.

voici le contenu du fichier ie7.css

Code :

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
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
 
#banniere_flash {position:relative;top:-208px;left:45px;}
#contents {width: 500px;padding: 0 0 0 57px;margin-top:-160px;}
#content .post-entry {font: 12px Arial;color: #000000;width: 650px;padding: 3px 0px 0px 15px;margin-top:-57px;}
 
.top_entry {
    padding-top: 10px;
    height:192px;
    padding-left:150px;
}
 
 
.mag_posts_meta {
    margin-top: 5px;
}
 
#contents .post .post-entry {
    padding-top: 2px;
    padding-bottom: 10px;
}
 
#contents .post #commentform {
    margin-top: 10px;
}
 
#navlist {top: 60px;left: 55px;height: 28px;}
 
#navlist ul {list-style-type: none;height: 28px;padding: 0;margin: 0;}
#navlist ul li {font: 13px Arial;color: #D98907;margin: 0 0 0 0px;height: 28px;float: left;}
/*#navlist ul li a {display: block;text-decoration: none;padding: 10px;height:18px;color: #7696cf;background:url("images/ctg_divider.gif") no-repeat right;}*/
#navlist ul li:hover {}
#navlist ul li a:hover {color: #3f5a6a;}
/*
#navlist ul li.current_page_item {}
#navlist ul li.current_page_item a {}
*/
#nav{
    background:none;
    font-size:1.1em;
}
 
#nav, #nav ul {
    list-style: none;
    line-height: 0;
}
 
#nav a, #nav a:hover {
    display: block;
    text-decoration: bold;
    border:none;
}
 
#nav li {
    float: left;
    list-style:none;
    border-right: 1px solid #000000;
 
}
 
#nav a, #nav a:visited {
    display:block;
    color: #000000;
    padding:6px 12px;
}
 
#nav a:hover, #nav a:active, .current_page_item    a, #home .on {
    text-decoration:none;
    color:#3f5a6a;
}   
 
#nav li ul {
    position: absolute;
    left: -999em;
    height: auto;
    width: 142px;
    border-bottom: 1px solid #000000;
}
 
#nav li li {
    width: 140px;
    border-top: 1px solid #000000;
    border-right: 1px solid #000000;
    border-left: 1px solid #000000;
    background: #cccccc;
    opacity:0.9;
}
 
#nav li li a, #nav li li a:visited {
    font-weight:normal;
    font-size:0.9em;
    color:#FFFFF;
}
 
#nav li li a:hover, #nav li li a:active {
    background:#cccccc;
}   
 
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
    left: auto;
}