Discussion :

[solorac]

Bonjour,

Je viens de faire une mise à jour de windows en passant de IE7 à IE8 et là catastrophe, mon site qui fonctionnait parfaitement avec 7 est complètement décalé, les menus déroulants ne s'affichent plus... Bref la déprime totale.

Existe-t-il un tuto spécial pour passer de 7 à 8 où dois-je retraiter l'intégralité de mon site petit à petit ?

Je travaille beaucoup avec les feuilles de style.

Je vous la mets en copie afin que vous puissiez m'indiquer où mon code pêche.

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
/* General layouts */
body {margin:0; padding:0; font:76% arial,verdana,sans-serif; background-color: #666666;; text-align:center;}
img{margin:0; padding:0;}
#container {width:890px; padding:0 20px; margin-top:38px;margin-bottom:0; background: url(images/images/corps3.jpg) no-repeat; text-align:left;}
#container2 {width:890px; padding:0 20px; margin-top:38px;margin-bottom:0; background: url(images/images/corps3-2.jpg) no-repeat; text-align:left;}
#container3 {width:890px; padding:0 20px; margin-top:38px;margin-bottom:0; background: url(images/site/corpsitebasegr3.jpg) no-repeat; text-align:left;}
#container4 {width:890px; padding:0 20px; margin-top:38px;margin-bottom:0; background: url(images/site/corpsitebasegr4.jpg) no-repeat; text-align:left;}
#container5 {width:890px; padding:0 20px; margin-top:38px;margin-bottom:0; background: url(images/site/corpsitebasegr5.jpg) no-repeat; text-align:left;}
#corps1 {position:relative; margin-left:auto; margin-right:auto; width:858px; text-align:center; background-image:url(images/site/corpsmil.jpg); background-repeat:repeat-y;}
#header1{height:85px; background-image: url(images/site/corpshead.jpg);background-repeat: no-repeat;position: relative; margin-left: auto;margin-right: auto; margin-top:54px; width: 858px;}
#header2{height:85px; background-image: url(images/site/corpshead.jpg);background-repeat: no-repeat;position: relative; margin-left: auto;margin-right: auto; margin-top:38px; width: 858px;}
#footer1{height:102px;background-image: url(images/site/corpsitefoot.jpg);background-repeat: no-repeat; position: relative; margin-left: auto;margin-right: auto; width: 858px;}
#choix{margin-right:10px;margin-left:10px;float:none;}
#choix1{margin-right:80px;float: right;}
#choix2{margin-left:80px;float: left;}
#index{margin-top:17px;}
 
/* Tags */
a {text-decoration:none; color:#269; font-weight:bold;}
a:hover {text-decoration:underline; }
p {margin:0 0 15px 0;}
h1 {font-size:3em; letter-spacing:-2px; color: #CCCCCC; margin-top:65px; margin-left:125px;;padding:0; font-weight:normal; line-height:1.2em;}
h1 a:hover {text-decoration:none;}
h2 {font-size:1.6em; letter-spacing:-1px; margin-top:-5px; margin-left:150px; color:#888;padding:0; font-weight:normal; line-height:1.3em;}
h3 {font-size:1.6em; letter-spacing:-1px; margin-top:-5px; margin-left:10px; color:#888;padding:0; font-weight:normal; line-height:1.3em;}
 
/* Header */
#sitetitle {float:left; height:90px; width: 100%; color: #333;}
 
/* Main content and sidebar layout */
#content {margin-top:46px; width:100%; clear:both;}
#content h2 {margin:0 0 10px 0; color:#555; border-bottom:2px solid #abb;}
#content h2 a {color:#555; font-weight:normal;}
#content h2 a:hover {color:#269; text-decoration:none; background:none;}
#content p {margin:0 0.5em 1.2em 0.5em;}
#left {width:48%; float:left; line-height:1.3em; text-align:justify;margin-left:125px; margin-top:8px;}
#left2 {width:85%; float:left; line-height:1.3em; text-align:justify;margin-left:125px; margin-top:8px;}
#left3 {width:40%; float:left; line-height:1.3em; text-align:justify;margin-left:125px; margin-top:8px;}
#left4 {width:85%; float:left; line-height:1.3em; text-align:justify;margin-left:125px; margin-top:1px;}
#right {width:35%; float:right;margin-top:18px; margin-right:20px; line-height:1.3em;text-align:left;}
#right2 {width:40%; float:right;margin-top:45px; margin-right:20px; line-height:1.3em;text-align:left;}
#right3 {width:40%; float:right;margin-top:8px; margin-right:20px; line-height:1.3em;text-align:left;}
#promo{float:right; margin-top:-300px; margin-right:20px;border: 5px;border-color: #ff3333;border-style: ridge;background-image: url(images/site/clic.gif);background-position: bottom;background-repeat:no-repeat;padding:0px;letter-spacing:1px; }
#right h2 {margin:0 0 8px 0; padding:0; font-size:1.6em;}
#corps3 {position: relative; /*Pour la position*/margin-left: auto; /*Pour centrer*/margin-right: auto; /*idem*/width: 858px; /*la largeur de ton div*/text-align: center;background-image: url(images/site/corpsitebasegr2.jpg);background-repeat:no-repeat;}	
#site2{height:auto;text-align: left;margin-top:130px;margin-left:135px;margin-right:25px;text-align:justify;}
 
/* Footer */
#footer {clear:both; padding:10px 0 12px 24px; text-align:left; color:#777;background:url(images/images/corps3-bas.jpg) no-repeat;height:120px;width: 920px;margin-left:14px;}
#footer a {color:#777; font-weight:normal;}
#footer h2 {color:#aaa; font-size:2em; letter-spacing:-1px; margin:0; padding:0; border:0;}
/*#footer h2 a {color:#aaa;}*/
#footer p {margin:0; padding:0;}
.cenfoot{width: 858px;height: 102px;line-height:102px; text-align:center; font-size :80%}
 
 
/* Additional classes */
.alpha{margin-left:140px;}
.alpha2{margin-left:90px; text-align:center;}
.entry {margin:0px 0 20px 0;background:#e6e6e6 url(images/images/entrybg2.png) repeat-x; color:#333; padding:10px 10px 0 5px; overflow:auto;}
.colonne { float:left; height:110px;width:190px;}
.entry2 {margin:0px 0 20px 0;background:#e6e6e6 url(images/images/entrybg2.png) repeat-x; color:#333; padding:10px 10px 0 10px;}
.entry2 a:hover, .intro a:hover {text-decoration:none; padding-bottom:2px;  background:url(images/images/blinkarrow.gif) left no-repeat; bottom left repeat-x;}
.entry3 {margin:0px;background:#e6e6e6 url(images/images/entrybg2.png) repeat-x; color:#333; padding:0px; overflow:auto;}
.link {color:#269; background:url(images/images/linkarrow.gif) left no-repeat; display:block; margin:4px 0 0 0; padding:2px 1em;}
.link:hover {color:#48b; background:url(images/images/blinkarrow.gif) left no-repeat;text-decoration:none;}
.thumbs img {padding:2px; margin:8px; border:1px solid #fff; background-color:#ddd; color: #555;}
.thumbs2 img {padding:2px; margin:15px; border:1px solid #fff; background-color: #CC9900; color: #33CC00;}
.thumbs3 img {padding:1px; margin:3px; border:1px solid #fff; background-color: #CC9900; color: #33CC00;}
.thumbs img:hover {background: url(images/images/flash.gif);}
.thumbs2 img:hover {background: url(images/images/flash.gif);}
.thumbs3 img:hover {background: url(images/images/flash.gif);}
.entryphoto {margin:5px; float:left; padding:3px; border:1px solid #fff; background-color:#ddd; color:#333;}
.pagenav {color: #777; text-align:center;}
.subcontainer {display:block; width:98%;}
.rightsub {float:left; width:100%;margin-top:10px;}
.rightsub2{float:right; width:40%;margin-top:-120px;}
.rightsub3 {float:left; width:100%;margin-top:0px;}
.rightsub4 {float:left; width:100%;margin-top:0px;}
.center {text-align:center;}
.clear {clear:both;}
.hide {display:none;}
.mod {background: url(images/site/puce2.gif) no-repeat 0%; margin:0;padding-left: 18px;padding-top:8px;line-height:1.4em;}
.col1{width:260px;}
.col4{width:330px;}
.col5{width:125px;}
.col6{width:145px;}
.col7{width:210px;}
.col8{width:110px;}
.col9{width:110px;}
.col10{width:20px;}
.suc {margin:0;padding-left: 20px; color: #666666;}
.gras2{ font-weight: bold; font-size: 11px;}
a img {border:none;}

N'hésitez pas vos remarques sont les bienvenues

[HiRoN]

Bonjour,

As-tu tenté de rajouter la meta :

Code HTML :

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

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />

[solorac]

Tu es trop fort.
Cela fonctionne parfaitement.
Pourrait-tu me donner quelques explications sur ce bout de code ?
Je te remercie encore.
Cordialement

[HiRoN]

Pourrait-tu me donner quelques explications sur ce bout de code ?

Plus d'infos ici

[solorac]

Merci