Annonce

Important : WordPress 2.6 est disponible en français. À lire avant la migration !
Annonce 1 : Le Codex en français a besoin de vous pour avancer !
Annonce 2 : Avant de poster, n'oubliez pas de faire une petite Recherche et de lire les règles de ce forum.
Annonce 3 : Lisez notre blog, il regorge de bonnes informations.

Pages: 1

 

#1 16-06-2008 16:48:49

yvaninho
Connaisseur WP
Date d'inscription: 30-07-2007
Messages: 14

Décalage vers le bas sous IE

Bonjour,

Ma configuration WP actuelle
- Version de WordPress :2.5
- Thème utilisé :MassiveNews
- Plugins en place : -
- Nom de l'hebergeur : en local
- Adresse du site :-

Problème(s) rencontré(s) :
Je pense que je ne suis pas le seul à avoir ce type, j'ai cherché sur le forum une réponse, mais j'ai rien trouvé pour le moment.
Mon thème s'affiche correctement pour Firefox, mais sous IE plusieurs pb ont été rencontrés. Le seul que je n'ai pu résoudre est celui du décalage de mon site vers le bas.
sauriez vous comment résoudre ce petit problème?

Y a t-il autrement moyen de forcer le site sous IE à se coller en haut de page?

Merci d'avance

Hors ligne

 

#2 16-06-2008 23:27:28

Jörmungand
Connaisseur WP
Lieu: Paris, France
Date d'inscription: 29-05-2008
Messages: 26
Site web

Re: Décalage vers le bas sous IE

Pourrais-tu nous montrer un peu le code histoire que l'on y voit un peu plus clair ?

Sinon, as-tu bien mis ton margin-top à 0 ?

SOOP.fr

Hors ligne

 

#3 17-06-2008 09:07:23

yvaninho
Connaisseur WP
Date d'inscription: 30-07-2007
Messages: 14

Re: Décalage vers le bas sous IE

Le margin-top est bien présent.

Voilà le css:

Code:

  1. *{
  2. margin:0;
  3. padding:0;
  4. }
  5.  
  6. html,body{
  7. background:#000000 url(images/bodybg.jpg) repeat-x;
  8. color:#333;
  9. text-align:center;
  10. }
  11.  
  12. body{font:12px arial,helvetica,verdana,sans-serif;}
  13.  
  14. h1{
  15. font-size:55px;
  16. font-family:"Times New Roman", Times, serif;
  17. font-weight:normal;
  18. }
  19.  
  20. h2{font-size:18px;}
  21. h3{font-size:16px;}
  22. h4{font-size:13px;}
  23.  
  24. h5{
  25. font-size:10px;
  26. color: #7f7f7f;
  27. padding-left:1px;
  28. font-weight:normal;
  29. margin-bottom:8px;
  30. }
  31.  
  32. a{
  33. color:#333;
  34. text-decoration:none;
  35. }
  36.  
  37. a:hover{color:#666;}
  38.  
  39. #wrapper{
  40. margin:0px auto;
  41. text-align:left;
  42. width:878px;
  43. }
  44.  
  45. /* header */
  46. #header{
  47. background:url(images/headerbg.jpg) top no-repeat;
  48. padding:5px 0;
  49. }
  50.  
  51. #header h1 a{
  52. width:400px;
  53. float:left;
  54. margin:0;
  55. }
  56.  
  57. #header h1 a em{
  58. font-style:normal;
  59. color:#555;
  60. }
  61.  
  62. #searchWrap input{vertical-align:middle;}
  63. #searchWrap #s{
  64. font-size:1.1em;
  65. border:none;
  66. padding:1px 2px;
  67. margin-right:3px;
  68. width:200px;
  69. }
  70.  
  71. /* page navigation */
  72. #pagenav{
  73. float:left;
  74. width:500px;
  75. padding-top:7px;
  76. }
  77.  
  78. ul.nav{list-style:none;}
  79.  
  80. .nav li{
  81. float:left;
  82. display:block;
  83. padding:2px 10px 2px 10px;
  84. background:url(images/pagebreak.gif) left no-repeat;
  85. }
  86.  
  87. .nav li a{
  88. font-size:11px;
  89. outline:none;
  90. color:#2F2F2F;
  91. text-decoration:none;
  92. display:block;
  93. padding:5px 0 0x 5px;
  94. text-transform:uppercase;
  95. }
  96.  
  97. .nav li a:hover{
  98. text-decoration:underline;
  99. color:#484848!important;width:
  100. }
  101.  
  102. * html .nav li a:hover{background:#333;}
  103.  
  104. /* category navigation */
  105. #categories{
  106. float:left;
  107. width:878px;
  108. }
  109.  
  110. #categories ul{
  111. list-style:none;
  112. padding:1px 0 0px 0;
  113. }
  114.  
  115. #categories li{
  116. float:left;
  117. display:block;
  118. background:url(images/catbreak.gif) left no-repeat;
  119. height: 25px;
  120. padding-top:4px;
  121. }
  122.  
  123. #categories li a{
  124. color:#FFF;
  125. display:block;
  126. padding:2px 10px 4px 10px;
  127. }
  128.  
  129. #categories li a:hover{color:#CCC;}
  130.  
  131. /* main content */
  132. #mid{padding-top:4px;}
  133. #main{
  134. background:#FFFFFF url(images/mainbottom.gif) bottom no-repeat;
  135. float:left;
  136. margin:0 10px 0 0;
  137. width:548px;
  138. }
  139.  
  140. #singlemain{
  141. background:#FFFFFF url(images/smbottom.gif) bottom no-repeat;
  142. float:left;
  143. margin:0 10px 0 0;
  144. width:548px;
  145. }
  146.  
  147. #featured{
  148. background:url(images/maintop.gif) top left no-repeat;
  149. padding:5px;
  150. }
  151.  
  152. #myGallery{
  153. margin:4px;
  154. font-size:18px;
  155. }
  156.  
  157. /* sidebar */
  158. #sidebar a{font-weight:bold;}
  159.  
  160. #sidebar{
  161. color:#000000;
  162. float:left;
  163. margin:0;
  164. width:320px;
  165. line-height:1.3em;
  166. }
  167.  
  168. #sidebar p{color:#000000;}
  169.  
  170. #blocks{
  171. background:#00C6FF url(images/blocktop.gif) top no-repeat;
  172. padding:5px 10px 0 10px;
  173. }
  174.  
  175. #widgetblock{
  176. background:#00C6FF url(images/blocktop.gif) top no-repeat;
  177. padding:5px 5px 0 5px;
  178. }
  179.  
  180. #tagblock{
  181. background:#00c6ff url(images/blocktop.gif) top no-repeat;
  182. padding:5px 10px 0 10px;
  183. }
  184.  
  185. #tagblock a{
  186. font-weight:normal;
  187. color:#000000;
  188. }
  189.  
  190. #tagblock a:hover{color:#7F7F7F;}
  191.  
  192. #advertblock{
  193. background:url(images/advertblockbg.gif) top no-repeat;
  194. height:150px;
  195. padding:10px 0 0 10px;
  196. }
  197.  
  198. #blocks a{
  199. font-weight:bold;
  200. color:#484848;
  201. }
  202.  
  203. #blockpost{
  204. padding:0 0 8px 0;
  205. }
  206.  
  207. #blocks a:hover{color:#7F7F7F;}
  208.  
  209. h3.blocks{
  210. font-size:15px;
  211. margin-bottom: 10px;
  212. }
  213.  
  214. h3.mainblock{
  215. font-size:15px;
  216. margin-bottom: 10px;
  217. margin-left: 5px;
  218. }
  219.  
  220. #bottomblock{
  221. background: #000000 url(images/blockbottom.gif) top no-repeat;
  222. height:7px;
  223. padding:0;
  224. margin-bottom:10px;
  225. }
  226.  
  227. #searchWrap{
  228. float:right;
  229. margin-top:69px;
  230. margin-right:2px;
  231. }
  232.  
  233. .blocks{margin-bottom:20px;}
  234.  
  235. /* main content */
  236. #content{
  237. padding:10px;
  238. }
  239.  
  240. #content p{
  241. margin-bottom:10px;
  242. }
  243.  
  244. #introIMG{
  245. width:150px;
  246. height:150px;
  247. float:left;
  248. margin-right:8px;
  249. overflow:hidden;
  250. }
  251.  
  252. #introIMG img{
  253. border:none;
  254. padding:4px 4px 4px 4px;
  255. border:1px solid #000000;
  256. }
  257.  
  258.  
  259. .postMeta{
  260. background:url(images/dot.gif) repeat-x left center;
  261. text-transform:uppercase;
  262. font-size:11px;
  263. text-align:right;
  264. margin-bottom:2px;
  265. }
  266.  
  267. .postMeta span.date{
  268. background:#FFF;
  269. color:#7F7F7F;
  270. padding:0 2px 0 4px;
  271. }
  272.  
  273. .postMeta span.comments{
  274. background:#FFF url(images/user.gif) no-repeat left center;
  275. padding-left:15px;
  276. margin-left:2px;
  277. }
  278.  
  279. .postMeta span.comments a,
  280. .postMeta span.date a{color:#555;}
  281. .post{margin:0 0 15px 0;}
  282.  
  283. .post h2{
  284. line-height:1.2em;
  285. }
  286.  
  287. .post h2 a{
  288. width:100%;
  289. display:block;
  290. outline:none;
  291. }
  292.  
  293. .entry h3{margin:1em 0;}
  294.  
  295. .post .entry{
  296. line-height:1.4em;
  297. overflow:hidden;
  298. }
  299.  
  300. .post .entry p{margin:0;}
  301.  
  302. .post .entry p a{
  303. background:url(images/dot.gif) repeat-x bottom left;
  304. font-weight:bold;
  305. }
  306.  
  307. .entry blockquote{margin:0 1.3em 0;}
  308.  
  309. .entry ul{
  310. margin:0 1.3em 0;
  311. list-style:none;
  312. }
  313.  
  314. .entry li a{
  315. color:#333;
  316. font-weight:bold;
  317. background:url(images/dot.gif) repeat-x bottom left;
  318. }
  319.  
  320. .entry ul li{
  321. background:url(images/li.gif) no-repeat 0 1px;
  322. padding-left:18px;
  323. margin-bottom:7px;
  324. }
  325.  
  326. .entry ol{margin:0 1em 0 3em;}
  327. .entry ol li{margin:0 0 7px 0;}
  328. .entry img,.entry a img{border:none;}
  329. .entry a:hover img{border-color:#DFDFDF;}
  330. .entry table tr {padding: 15px 0;}
  331. .entry table tr.alt {background: #eee;}
  332.  
  333. /* lists */
  334. .rsslinks h3{margin-bottom:5px;}
  335.  
  336. .rsslinks p{
  337. margin-bottom:5px;
  338. padding-top:5px;
  339. }
  340.  
  341. .rsslinks ul li{
  342. background:url(images/rss.gif) no-repeat 0 3px;
  343. color:#7F7F7F;
  344. line-height:1.2em;
  345. border-top:1px solid #BBB;
  346. padding:3px 0 4px 16px;
  347. list-style:none;
  348. }
  349.  
  350. #widgetblock h3{margin-bottom:5px;}
  351.  
  352. #widgetblock p{
  353. margin-bottom:5px;
  354. padding-top:5px;
  355. }
  356.  
  357. #widgetblock ul li{
  358. color:#7F7F7F;
  359. line-height:1.2em;
  360. border-top:1px solid #000000;
  361. padding:3px 0 4px 0;
  362. list-style:none;
  363. }
  364.  
  365. /* pagination */
  366. #pagination{
  367. color:#7F7F7F;
  368. font-size:11px;
  369. text-transform:uppercase;
  370. margin-bottom:10px;
  371. margin-top:40px;
  372. text-align:right;
  373. }
  374.  
  375. #pagination p,#pagination img{vertical-align:middle;}
  376.  
  377. #pagination a img{
  378. border:none;
  379. margin:0 0 3px 2px;
  380. }
  381.  
  382. /* comments */
  383. #comments{
  384. width:435px;
  385. padding:12px 0 0 0;
  386. }
  387.  
  388. #comments h3,
  389. h3#respond{
  390. color:#555;
  391. margin-bottom:7px;
  392. }
  393.  
  394. ol.commentslist{
  395. list-style:none;
  396. margin:5px 0 12px;
  397.  
  398. }
  399. .commentslist li{
  400. background:#FFF url(images/lgrey_diag.gif) repeat top left;
  401. border:1px solid #BBB;
  402. margin-bottom:7px;
  403. padding:7px 0;
  404. }
  405.  
  406. .commentslist li a{
  407. font-weight:bold;
  408. background:url(images/dot.gif) repeat-x bottom left;
  409. }
  410.  
  411. .commentslist li.alt{background:#FFF;}
  412. .commentslist li:hover{border-color:#888;}
  413.  
  414. .commentslist .comment_text{
  415. margin:0 7px;
  416. line-height:1.4em;
  417. overflow:hidden;
  418. }
  419.  
  420. .comment_text p,.comment_text ul,.comment_text ol,.comment_text blockquote{margin:1em 0;}
  421. .comment_text ul,.comment_text ol,.comment_text blockquote{margin:0 1em;}
  422.  
  423. p.author_meta{
  424. font-weight:bold;
  425. text-transform:uppercase;
  426. margin:0 0 0 7px;
  427. }
  428.  
  429. p.post_meta{
  430. font-size:11px;
  431. text-transform:uppercase;
  432. text-align:right;
  433. margin:0 7px 0 0;
  434. }
  435.  
  436. .commentslist li.author{
  437. background:#333;
  438. color:#CCC;
  439. }
  440.  
  441. .commentslist li.author a{color:#DDD;}
  442. .commentslist li.author a:hover{color:#FFF;}
  443.  
  444. #comments_closed{
  445. background:#333;
  446. color:#ccc;
  447. padding:7px 0;
  448. margin-top:12px;
  449. line-height:1.5em;
  450. }
  451.  
  452. p.nocomments{margin:0 12px 0 7px;}
  453.  
  454. p.nocomments a{
  455. color:#ddd;
  456. font-weight:bold;
  457. text-decoration:underline;
  458. }
  459.  
  460. p.nocomments a:hover{color:#FFF;}
  461.  
  462. ol.pingslist{
  463. margin:1.5em 2em;
  464. font-size:12px;
  465. }
  466.  
  467. .pingslist li{
  468. color:#7F7F7F;
  469. margin:0 0 7px 0;
  470. }
  471.  
  472. .pingslist li a{
  473. font-weight:bold;
  474. background:url(images/dot.gif) repeat-x bottom left;
  475. }
  476.  
  477. #commentform p{margin:1em 0;}
  478.  
  479. #commentform p a{
  480. font-weight:bold;
  481. background:url(images/dot.gif) repeat-x bottom left;
  482. }
  483.  
  484. #author,#email,#url,#comment{
  485. font:1.1em arial,helvetica,verdana,sans-serif;
  486. border:1px solid #BBB;
  487. padding:2px;
  488. }
  489.  
  490. #comment{width:429px;overflow:auto;}
  491.  
  492. #commentform p small{
  493. font-size:10px;
  494. color:#7F7F7F;
  495. }
  496.  
  497. .commentslist code{background:transparent;}
  498.  
  499. /* footer */
  500. #footer p{
  501. padding-top:7px;
  502. padding-bottom:50px;
  503. color:#555555;
  504. }
  505.  
  506. #footer p a{
  507. font-weight:bold;
  508. color:#333;
  509. }
  510.  
  511. /* floats */
  512. .floatleft{
  513. float:left;
  514. margin:3px 7px 0 0;
  515. }
  516.  
  517. .floatright{
  518. float:right;
  519. margin:3px 0 0 7px;
  520. }
  521.  
  522. .right{float:right;}
  523. .left{float:left;}
  524. .clear{clear:both;}
  525.  
  526. .fix:after{
  527. content:".";
  528. display:block;
  529. height:0;
  530. clear:both;
  531. visibility:hidden;
  532. }
  533.  
  534. .fix{display:inline-block;}
  535. * html .fix{height:1%;}
  536. .fix{display:block;}
  537.  
  538. .cat a{
  539. color:#00c6ff;
  540. }
  541.  
  542. .cat a:hover{
  543. color:#000000;
  544. }

merci

Hors ligne

 

#4 17-06-2008 13:58:50

Comme une image
Burpeur Wordpress
Lieu: Paris (enfin presque)
Date d'inscription: 30-01-2008
Messages: 1531
Site web

Re: Décalage vers le bas sous IE

header{
padding:5px 0;
}

?
(Remarque, ça devrait faire le padding pour les 2 navigateurs.)

Vérifie la validité de ton code HTML (HTML Validator fonctionne en local).

Outils de base : Firefox+Firebug, Google-est-mon-ami™, Notepad++. Avec ça, on règle 78,24% des problèmes wink
Pour aller plus loin : Côt côt codex FR EN ! WAMP/LAMP/MAMP

« On paie mal un maître en ne restant toujours que l'élève. » — F. Nietzsche

Hors ligne

 

#5 18-06-2008 13:51:03

yvaninho
Connaisseur WP
Date d'inscription: 30-07-2007
Messages: 14

Re: Décalage vers le bas sous IE

En fait je parlais du margin-top du wrapper.

Pour le padding, je l'ai modifié pour le css sous IE mais toujours pareil.

Vous pouvez jeter un oeil à la version en ligne: http://inzemoove.free.fr

Hors ligne

 

#6 18-06-2008 14:46:05

Comme une image
Burpeur Wordpress
Lieu: Paris (enfin presque)
Date d'inscription: 30-01-2008
Messages: 1531
Site web

Re: Décalage vers le bas sous IE

C'est plus facile avec le site en ligne !

Essaye de virer (ou déplacer) le <a name="top"></a> qui se trouve tout au début de ta page.

Outils de base : Firefox+Firebug, Google-est-mon-ami™, Notepad++. Avec ça, on règle 78,24% des problèmes wink
Pour aller plus loin : Côt côt codex FR EN ! WAMP/LAMP/MAMP

« On paie mal un maître en ne restant toujours que l'élève. » — F. Nietzsche

Hors ligne

 

#7 18-06-2008 15:34:01

yvaninho
Connaisseur WP
Date d'inscription: 30-07-2007
Messages: 14

Re: Décalage vers le bas sous IE

Toujours pareil :'(

Hors ligne

 

#8 18-06-2008 21:55:09

jessy
Passionné WP
Date d'inscription: 08-09-2007
Messages: 118

Re: Décalage vers le bas sous IE

yvaninho a écrit:

Mon thème s'affiche correctement pour Firefox

Là il y a un truc que je pige pas car moi sous Firefox j'obtiens l'image ci-dessous soit un décalage important au niveau des cercles rouges.

http://img148.imageshack.us/img148/2429/yvaninhoca0.jpg

Hors ligne

 

#9 19-06-2008 08:59:25

yvaninho
Connaisseur WP
Date d'inscription: 30-07-2007
Messages: 14

Re: Décalage vers le bas sous IE

Ben bizarrement que ce soit chez moi ou au taf, sous firefox, pas de décallage...

http://inzemoove.free.fr/1.jpg

Hors ligne

 

#10 19-06-2008 12:35:47

jessy
Passionné WP
Date d'inscription: 08-09-2007
Messages: 118

Re: Décalage vers le bas sous IE

Etonnant tout de même cette différence sous FF (je suis sous FF3 mais je ne pense pas que ça vienne de là) et j'ajoute que j'ai ce même rendu décalé sous IE7 et IE6

Par contre sous Opéra et Safari alors là c'est OK

???? hmm

Hors ligne

 

#11 19-06-2008 19:27:06

Comme une image
Burpeur Wordpress
Lieu: Paris (enfin presque)
Date d'inscription: 30-01-2008
Messages: 1531
Site web

Re: Décalage vers le bas sous IE

Je vous confirme que FF2 affiche  « correctement » la page alors qu'IE7 et FF3 affichent, eux, un décalage (FF2 pris en flagrant délit de non respect des standards ?).

Bon, j'ai cherché un peu d'où ça pouvait venir et mon verdict, c'est que c'est probablement un saut de ligne incongru entre body et div #wrapper (parce que le "first child" de body est une longue chaîne d'espaces et retours chariot).
Verdict qui semble confirmé par le changement de taille de police au niveau body qui fait bien varier cet espace.

Outils de base : Firefox+Firebug, Google-est-mon-ami™, Notepad++. Avec ça, on règle 78,24% des problèmes wink
Pour aller plus loin : Côt côt codex FR EN ! WAMP/LAMP/MAMP

« On paie mal un maître en ne restant toujours que l'élève. » — F. Nietzsche

Hors ligne

 

#12 24-06-2008 12:10:28

yvaninho
Connaisseur WP
Date d'inscription: 30-07-2007
Messages: 14

Re: Décalage vers le bas sous IE

Merci pour vos réponses, en effet sous FF3 même soucis.

J'ai bien lu ta réponse "Comme une image", mais je n'ai pas trouvé de retour chariot ou autre entre le body et le wrapper.

Je bloque carrément sad

Hors ligne

 

#13 24-06-2008 21:49:24

Comme une image
Burpeur Wordpress
Lieu: Paris (enfin presque)
Date d'inscription: 30-01-2008
Messages: 1531
Site web

Re: Décalage vers le bas sous IE

C'est probablement :
— Soit contenu dans ton fichier header.php (peux-tu nous le soumettre ici ?)
— Soit dû à une extension qui rajoute du contenu dans cette zone (ce qui peut se vérifier en les désactivant toutes)

Outils de base : Firefox+Firebug, Google-est-mon-ami™, Notepad++. Avec ça, on règle 78,24% des problèmes wink
Pour aller plus loin : Côt côt codex FR EN ! WAMP/LAMP/MAMP

« On paie mal un maître en ne restant toujours que l'élève. » — F. Nietzsche

Hors ligne

 

#14 26-06-2008 11:00:48

yvaninho
Connaisseur WP
Date d'inscription: 30-07-2007
Messages: 14

Re: Décalage vers le bas sous IE

Voilà le header. Merci de prendre le temps de me répondre, c'est très aimable.

Code:

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head profile="http://gmpg.org/xfn/11">
  4. <meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
  5.  
  6. <title><?php if (is_home () ) { bloginfo('name'); } elseif ( is_category() ) {
  7. single_cat_title(); echo " - "; bloginfo('name');
  8. } elseif (is_single() || is_page() ) {
  9. single_post_title();
  10. } elseif (is_search() ) {
  11. bloginfo('name'); echo " search results: "; echo wp_specialchars($s);
  12. } else { wp_title('',true); }
  13. ?></title>
  14.  
  15.     <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  16.     <meta name="generator" content="WordPress <?php bloginfo('version'); ?>" />
  17.     <link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
  18.     <link rel="alternate" type="application/rss+xml" title="<?php bloginfo('name'); ?> RSS Feed" href="<?php bloginfo('rss2_url'); ?>" />
  19.  
  20.   <script src="<?php bloginfo('template_directory'); ?>/scripts/mootools.v1.11.js" type="text/javascript"></script>
  21.     <script src="<?php bloginfo('template_directory'); ?>/scripts/jd.gallery.js" type="text/javascript"></script>
  22.     <script src="<?php bloginfo('template_directory'); ?>/scripts/jd.gallery.transitions.js" type="text/javascript"></script>
  23.     <link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/slideshow.css" type="text/css" media="screen" />
  24.  
  25.     <!--[if lte IE 7]><link rel="stylesheet" type="text/css" href="<?php bloginfo('template_directory'); ?>/styleie.css" /><![endif]-->
  26. <?php wp_head(); ?>
  27. </head>
  28. <body>
  29. <div id="wrapper">
  30. <div id="header" class="fix">
  31.   <h1><a href="<?php echo get_settings('home'); ?>/">&nbsp;</a></h1>
  32.   <?php include (TEMPLATEPATH . '/searchform.php'); ?>
  33. <div id="pagenav">
  34.   <ul class="nav fix">
  35.     <li><a href="<?php echo get_settings('home'); ?>/" title="Retourner à la page d'Accueil">Accueil</a></li>
  36.     <?php wp_list_pages('title_li='); ?>
  37.   </ul>
  38. </div>
  39.  
  40. <div id="categories">
  41.   <div id="categories" class="fix">
  42.     <ul class="fix">
  43.     <?php wp_list_cats('sort_column=name&optioncount=0'); ?>
  44.     </ul>
  45.   </div>
  46. </div>
  47. </div>

Hors ligne

 

#15 26-06-2008 16:42:40

Comme une image
Burpeur Wordpress
Lieu: Paris (enfin presque)
Date d'inscription: 30-01-2008
Messages: 1531
Site web

Re: Décalage vers le bas sous IE

Ça a pourtant l'air OK à l'œil nu.
Essaye de coller le body à la suite comme ça :

Code:

  1. <body><div id="wrapper">
  2. (...)

Si tu continues d'avoir des espaces, c'est que ça vient d'une extension !

Outils de base : Firefox+Firebug, Google-est-mon-ami™, Notepad++. Avec ça, on règle 78,24% des problèmes wink
Pour aller plus loin : Côt côt codex FR EN ! WAMP/LAMP/MAMP

« On paie mal un maître en ne restant toujours que l'élève. » — F. Nietzsche

Hors ligne

 

#16 26-06-2008 19:07:58

jessy
Passionné WP
Date d'inscription: 08-09-2007
Messages: 118

Re: Décalage vers le bas sous IE

Salut yvaninho & Comme une image

Dis moi Cui suite à ce ce tu dis plus haut je suis allé voir ce qui se passait entre le body et la div wrapper.

Si je regarde le code via la commande classique tout a l'air OK mais par contre si je l'inspecte avec Firebug (tu connais ? big_smile) alors là bizzarement il m'affiche le code dans l'ordre suivant ce qui représente pas mal de monde entre ce body et le wrapper non ??, qu'est ce que tu en penses ?


Code:

  1. <body>
  2.  
  3.    
  4.    
  5.     <link rel="stylesheet" href="http://inzemoove.free.fr/v2/wp-content/themes/MassiveNews/style.css" type="text/css" media="screen">
  6.     <link rel="alternate" type="application/rss+xml" title="InZeMoove RSS Feed" href="http://inzemoove.free.fr/v2/?feed=rss2">
  7.  
  8.   <script src="http://inzemoove.free.fr/v2/wp-content/themes/MassiveNews/scripts/mootools.v1.11.js" type="text/javascript"></script>
  9.     <script src="http://inzemoove.free.fr/v2/wp-content/themes/MassiveNews/scripts/jd.gallery.js" type="text/javascript"></script>
  10.     <script src="http://inzemoove.free.fr/v2/wp-content/themes/MassiveNews/scripts/jd.gallery.transitions.js" type="text/javascript"></script>
  11.     <link rel="stylesheet" href="http://inzemoove.free.fr/v2/wp-content/themes/MassiveNews/slideshow.css" type="text/css" media="screen">
  12.  
  13.     <!--[if lte IE 7]><link rel="stylesheet" type="text/css" href="http://inzemoove.free.fr/v2/wp-content/themes/MassiveNews/styleie.css" /><![endif]-->
  14. <link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://inzemoove.free.fr/v2/xmlrpc.php?rsd">
  15. <link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://inzemoove.free.fr/v2/wp-includes/wlwmanifest.xml">
  16.  
  17.  
  18.  
  19. <!-- all in one seo pack 1.4.6.8 [-1,-1] -->
  20.  
  21.  
  22. <!-- /all in one seo pack -->
  23.  
  24.  
  25. <div id="wrapper">
  26. <div id="header" class="fix">

Hors ligne

 

#17 26-06-2008 19:48:43

Comme une image
Burpeur Wordpress
Lieu: Paris (enfin presque)
Date d'inscription: 30-01-2008
Messages: 1531
Site web

Re: Décalage vers le bas sous IE

Faut se méfier de firebug wink parce qu'il ne te présente pas le code original de ta page mais le code réinterprété. Néanmoins, il présente bien ces espaces (qui apparaissent provoquent aussi le décalage sous FF3, décalage qui disparaît si tu les supprimes via Firebug).

Bref, tout ça pour dire que ces espaces apparaissent aussi quand tu demandes tout simplement l'affichage du code source de la page (Ctrl+U).

Ce que j'en pense ? Exactement ce que je t'en ai dis sur mon message précédent : 1/ vérifie ton code source et compacte le just-in-case 2/ si c'est pas le code source c'est une extension qui met le bazar (ou bien une fonction de ton thème) !

Outils de base : Firefox+Firebug, Google-est-mon-ami™, Notepad++. Avec ça, on règle 78,24% des problèmes wink
Pour aller plus loin : Côt côt codex FR EN ! WAMP/LAMP/MAMP

« On paie mal un maître en ne restant toujours que l'élève. » — F. Nietzsche

Hors ligne

 

#18 07-07-2008 11:14:26

yvaninho
Connaisseur WP
Date d'inscription: 30-07-2007
Messages: 14

Re: Décalage vers le bas sous IE

Merci de vos réponses et excusez moi d'avoir en quelque sorte déserté le forum.
J'ai bien pris en considération vos remarques, mais pourtant je ne semble pas venir à changer le problème d'affichage.
J'ai regardé au niveau de mon fichier, désactivé l'ensemble des plugins, mais toujours ce soucis.
Merci encore pour vos réponses.

Hors ligne

 

#19 07-07-2008 11:24:22

Lumière de Lune
Not a plastic girl
Lieu: Allemagne - Maroc
Date d'inscription: 15-08-2007
Messages: 1518
Site web

Re: Décalage vers le bas sous IE

Si tu virais ce que tu as tout en haut de la page

Code:

  1. <h1><a href="http://inzemoove.free.fr/v2/">&nbsp;</a></h1>

et qui ne te sert à rien ?

Voyage au Maroc
Busby SEO Challenge
... tout ça sous WordPress, bien sûr !
Avez-vous lu les Dix commandements du débuggueur de blog ?

Hors ligne

 

#20 10-07-2008 15:37:57

yvaninho
Connaisseur WP
Date d'inscription: 30-07-2007
Messages: 14

Re: Décalage vers le bas sous IE

Bonjour Lumière de Lune,

ce bout de code me sert.
Si je l'enlève:
-plus de zone cliquable dans ma bannière pour le retour en index
-les différentes liens vers les différentes pages dans la première barre horinzontale ne sont plus au bon endroit.

De plus si je l'enlève, cela ne résout pas le problème initial, toujours le même décalage vers le bas.

J'avais déjà regardé à ce niveau.

Après il y a peut-être moyen de faire ma zone cliquable différemment, mais vu que cela ne semble pas être la source du problème du décalage vers le bas, je préfère ne pas toucher .

Hors ligne

 

 

Pages: 1

Pied de page des forums

Propulsé par PunBB 1.2.20
© Copyright 2005-2006 WordPress France