Bonjour,

J'ai fait une petite modif d'un thème de WordPress et je suis satisfait de son affichage dans Firefox. En revanche, ca passe pas dans IE (6 et 7).

Visiblement, la zone centrale (#Content) ne veut pas se caler juste à droite de la colonne de droite. Et j'ai beau faire plusieurs modifs dans la feuille de style, rien ne se passe sous IE (alors, que les choses changent dans FX.

Des idées ?

Voici le début du code de la feuille de style :

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
101
/*  
Theme Name: Photo Geek
Tags: fixed width, widgets, valid CSS, valid XHTML, SEO, SEO friendly, adsense, custom header, three columns, right sidebar, gray, green, brown, photoblogging, widget ready
Author: Paul Baggio
Author URI: http://www.photogeek.fr/
 
The CSS/XHTML is released under GPL:  http://www.opensource.org/licenses/gpl-license.php
*/
 
/*************************************
 +Containers
 *************************************/
body
{
  background:#f8f8ec url(images/bg.jpg) repeat-x top left;
  color:#151515;
  font-family:Verdana, Georgia, "Times New Roman", Times, serif;
  font-size:72.5%;
  line-height:1.4;
  text-align:left;
  margin:0;
  padding:0;
}
 
#header
{
  text-align:left;
  width:1004px;
  margin-bottom:90px;
  padding:40px 0 0;
}
 
#portrait-bg
{
  position:absolute;
  width:319px;
  height:221px;
  right:0;
  top:0;
}
 
#rss-big
{
  position:absolute;
  background:url(images/rss.jpg);
  width:111px;
  height:67px;
  top:126px;
  left:10px;
}
 
#wrap
{
  position:relative;
  padding-top:1em;
  text-align:left;
  width:1004px;
  margin:0 auto;
}
 
#sidebar-left
{
  position:absolute;
  background:#F5F5DC;
  border:1px #ccc dashed;
  font-size:1em;
  top:223px;
  margin-left:0px;
  width:150px;
  padding:1em .0em 2em .3em;
}
 
#content
{
  font-size:1.1em;
  float:left;
  margin-left:160px;
  width:600px;
  padding:0 0 0 1em;
}
 
#sidebar-right
{
  background:#F5F5DC;
  border:1px #ccc dashed;
  font-size:1em;
  float:right;
  margin-left:10px;
  width:200px;
  padding:.5em .2em 2em 1em;
}
 
#footer
{
  background:url(images/bg-footer.jpg) repeat-x bottom left;
  color:#e6e6e6;
  font-size:1em;
  clear:both;
  text-align:center;
  padding:1em;
}