Probleme de compatibilité FF / IE

yoshi -
yoshi - 2 mai 2011 à 01:31

Bonjour,
j'ai un soucis de marges comme d'habitude FF OK / IE à la ramasse
j'ai cherché mais sans succès dans le code j'ai mis mes marges à 0 rien n'y fait

pour visualiser mon soucis voici le lien http://www.testnews.0fees.net/

merci d'avance

Afficher la suite

A voir également:

Probleme de compatibilité FF / IE
Compatibilite windows 11 - Guide
Améliorations de la compatibilité des applications windows - Guide
Ie tab - Télécharger - Outils pour navigateurs
Ie 8 - Télécharger - Navigateurs
Erreur 20-ff freebox ✓ - Forum Freebox

3 réponses

Réponse 1 / 3
hervé56 Messages postés 296 Statut Membre 10

Je crois que celui qui est a la ramasse ce n'est pas IE

les marges ne posent pas de problemes....
0
1. yoshi
  
  sous IE 9 il y à bien un probleme !
  ce n'est peut etre pas du aux marges mais cela y ressemble
  
  0
2. hervé56 Messages postés 296 Statut Membre 10
  
  alors colle un exemple du html/css qui ne marche pas ?
  
  0
3. yoshi
  
  ehtml {height:100%;}
  body {margin:0; padding:0;background:url(images/body.gif); height:100%}
  table, td {border-collapse:collapse; width:100%; height:100%}
  table, td, img {border:0; padding:0; vertical-align:top}
  form, td{margin:0; padding:0;}
  td, select{font:11px tahoma, arial, helvetica, sans-serif; color:#959677; vertical-align:top; text-align:left; line-height:14px}
  .table{ height:100%; }
  img{ vertical-align:top}
  /*in_line_style*/
  .main_table{ width:100%;}
  .site_center{text-align:center; width:100%;}
  .site_center1{margin:0 auto; text-align:left; width:766px;}
  p{ margin:0; padding:0}
  a{ color:#959677; text-decoration:underline}
  a:hover{ text-decoration:none}
  strong a{ color:#959677; text-decoration: none; background:url(images/marker.gif) no-repeat 0 5px; padding-left:12px}
  strong a:hover{ text-decoration:underline}
  .separate{ background: url(images/separate.gif) repeat-x; width:auto; height:12px}
  ul { margin:0; padding:0; list-style:none;}
  ul li { background:url(images/list_bg.gif) no-repeat 0 9px; margin:0; padding:0 0 0 12px;}
  ul li a {line-height:19px; color:#918a81; text-decoration:underline; text-transform:uppercase}
  ul li a:hover{ text-decoration:none}
  .title, .title_top, .title_bot, .title_left, .title_right, .img, .img1 {display:block}
  .bottom{ background: url(images/bottom.gif) repeat-y}
  .main{ height:800px}
  /*header*/
  #header{ height:130px}
  #header .col1{ width:179px; background:url(images/head_left.gif) no-repeat}
  #header .col1 img{ display:block; margin:55px 0 0 61px}
  #header .col2{ width:409px; background:url(images/logo_bg.jpg) no-repeat; text-align:center}
  #header .col3{ width:178px; background:url(images/head_right.gif) no-repeat}
  /*content*/
  #content{ height:611px}
  #content .col1{ width:159px; padding-top:192px; background:url(images/shape_left.gif) repeat-y right top}
  #content .col1 img{ display:block; margin:0 0 4px 16px}
  #content .col2{ width:449px; background:#fbfce6}
  #content .col3{ width:158px; padding-top:192px; background:url(images/shape_right.gif) repeat-y}
  #content .col3 img{ display:block; margin:0 0 4px 18px}
  #content .wrapper{ margin:0 13px 0 13px; width:423px}
  #content .wrapper .row1{ height:13px}
  #content .wrapper .row2{ background:#e7e8cf; height:585px;}
  #content .wrapper .row3{ height:13px}
  /*footer*/
  #footer{ height:59px; background: url(images/bottom.gif) repeat-y; vertical-align:middle}
  #footer .foot{ background:url(images/foot_shape.gif) no-repeat center top; color:#b1b28f; text-align:center; height:59px; vertical-align:middle}
  #footer .foot a{ color:#b1b28f; text-decoration:underline}
  #footer .foot a:hover{ text-decoration:none}
  /*index.html*/
  #page1 #content .col2 { text-align:center; vertical-align:middle}
  /*index-1.html*/
  #page2 #content .wrapper .row2 .box { width:424px; height:219px}
  #page2 #content .wrapper .row2 .box .r1{ height:192px}
  #page2 #content .wrapper .row2 .box .r2{ height:27px}
  #page2 #content .wrapper .block{ background:#bfbd9f; height:27px}
  #page2 #content .wrapper .block td{ vertical-align:middle}
  #page2 #content .wrapper .block .c1{ width:87px}
  #page2 #content .wrapper .block .c1 img{ margin-left:17px}
  #page2 #content .wrapper .block .c2{ width:256px; text-align:center}
  #page2 #content .wrapper .block .c3{ width:80px; text-align:right}
  #page2 #content .wrapper .block .c3 img{ margin-right:14px}
  #page2 #content .wrapper .indent{ padding:25px 20px 22px 20px}
  #page2 #content .wrapper .indent .img{ float: left; margin:0 29px 22px 2px}
  #page2 #content .wrapper .indent .title{ margin:7px 0 14px 0}
  #page2 #content .wrapper .indent p{ margin-bottom:10px}
  #page2 #content .wrapper .indent .separate{ margin-bottom:15px}
  #page2 #content .wrapper .indent .block1{ margin-left:4px; width:366px; height:160px}
  #page2 #content .wrapper .indent .block1 .c1{ width:177px}
  #page2 #content .wrapper .indent .block1 .c1 .title_bot{ margin-bottom:24px}
  #page2 #content .wrapper .indent .block1 .c2{ width:30px; background:url(images/separate.gif) repeat-y}
  #page2 #content .wrapper .indent .block1 .c3{ width:160px}
  #page2 #content .wrapper .indent .block1 .c3 .title_bot{ margin-bottom:21px}
  #page2 #content .wrapper .indent .block1 .c3 ul{ margin-bottom:15px}
  /*index-2.html*/
  #page3 #content .wrapper .indent{ padding:22px 19px 20px 23px}
  #page3 #content .wrapper .indent .title_top{ margin-bottom:27px}
  #page3 #content .wrapper .indent p{ margin-bottom:16px}
  #page3 #content .wrapper .indent .image{ float:left; margin-right:20px; margin-top:1px; margin-bottom:22px}
  #page3 #content .wrapper .indent span{ margin-bottom:10px; display:block}
  #page3 #content .wrapper .indent .separate{ margin-bottom:16px}
  #page3 #content .wrapper .indent .block{ width:376px; height:306px}
  #page3 #content .wrapper .indent .block .c1{ width:177px}
  #page3 #content .wrapper .indent .block .c1 div{ margin-right:25px}
  #page3 #content .wrapper .indent .block .c1 .title_bot{ margin-bottom:23px}
  #page3 #content .wrapper .indent .block .c1 .img{ margin:19px 0 14px 0}
  #page3 #content .wrapper .indent .block .c2{ width:30px; background:url(images/separate.gif) repeat-y}
  #page3 #content .wrapper .indent .block .c3{ width:169px}
  #page3 #content .wrapper .indent .block .c3 .title_bot{ margin-bottom:19px}
  #page3 #content .wrapper .indent .block .c3 .box{ width:170px; height:85px; margin:19px 0 17px 0}
  #page3 #content .wrapper .indent .block .c3 .box .column1{ width:90px}
  #page3 #content .wrapper .indent .block .c3 .box .column2{ width:80px}
  #page3 #content .wrapper .indent .block .c3 .box .column2 ul{ margin-top:2px}
  /*index-3.html*/
  #page4 #content .wrapper .indent{ padding:22px 19px 20px 20px}
  #page4 #content .wrapper .indent .title_top{ margin-bottom:27px}
  #page4 #content .wrapper .indent .ind{ margin-left:3px; margin-right:10px}
  #page4 #content .wrapper .indent .ind .block{ width:369px; height:75px; margin:12px 0 19px 0}
  #page4 #content .wrapper .indent .ind .block .c1{ width:201px}
  #page4 #content .wrapper .indent .ind .block .c2{ width:168px}
  #page4 #content .wrapper .indent .title_bot{ margin-bottom:25px}
  #page4 #content .wrapper .indent .separate{ margin-bottom:15px}
  #page4 #content .wrapper .indent p{ margin-bottom:18px}
  #page4 #content .wrapper .indent .image{ float:left; margin-right:20px}
  /*index-4.html*/
  #page5 #content .wrapper .indent{ padding:22px 19px 15px 20px}
  #page5 #content .wrapper .indent .ind{ margin:0 10px 0 3px}
  #page5 #content .wrapper .indent .title{ margin-bottom:24px}
  #page5 #content .wrapper .indent .image{ float: left; margin:0 20px 24px 0 }
  #page5 #content .wrapper .indent p{ margin-bottom:10px}
  #page5 #content .wrapper .indent .separate{ margin-bottom:15px}
  #page5 #content .wrapper .indent .ind .block{ width:370px; height:75px; margin:13px 0 0 0}
  #page5 #content .wrapper .indent .ind .block .c1{ width:204px}
  #page5 #content .wrapper .indent .ind .block .c2{ width:166px}
  /*index-5.html*/
  #page6 #content .wrapper .indent{ padding:22px 20px 20px 20px}
  #page6 #content .wrapper .indent .ind{ margin:0 10px 0 3px}
  #page6 #content .wrapper .indent .ind .title{ margin-bottom:27px}
  #page6 #content .wrapper .indent .ind .block{ width:370px; height:72px; margin:12px 0 0 0}
  #page6 #content .wrapper .indent .ind .block .c1{ width:204px}
  #page6 #content .wrapper .indent .ind .block .c2{ width:166px}
  #page6 #content .wrapper .indent .ind p{ margin-bottom:16px}
  #page6 #content .wrapper .indent .separate{ margin:20px 0 15px 0}
  #page6 #content .wrapper .indent .image{ float:left; margin-right:20px}
  /*index-6.html*/
  #page7 #content .wrapper .indent{ padding:22px 20px 10px 20px}
  #page7 #content .wrapper .indent .ind{ margin:0 10px 0 3px}
  #page7 #content .wrapper .indent .ind .title{ margin-bottom:27px}
  #page7 #content .wrapper .indent p{ margin-top:14px; margin-bottom:28px}
  #page7 #content .wrapper .indent .separate{ margin-bottom:17px}
  #page7 #content .wrapper .indent .image{ margin:0 20px 22px 0; float:left}
  #page7 #content .wrapper .indent .block{ width:371px; height:136px}
  #page7 #content .wrapper .indent .block .c1{ width:200px}
  #page7 #content .wrapper .indent .block .c1 .r1{ height:25px; background:#999999}
  #page7 #content .wrapper .indent .block .c1 .r2{ height:25px; background:#fff}
  #page7 #content .wrapper .indent .block .c1 .r3{ height:25px; background:#000}
  #page7 #content .wrapper .indent .block .c2{ width:171px}
  #page7 #content .wrapper .indent .block div{ height:25px}
  #page7 #content .wrapper .indent .block input{ width:160px; height:18px; color:#959677; font-family:tahoma; font-size:11px; padding:0; margin:0; display:inline; line-height:12px}
  #page7 #content .wrapper .indent .block textarea{ width:171px; height:96px; color:#959677; font-family:tahoma; font-size:11px; padding:0; overflow:auto; margin:0; display:inline}
  #page7 #content .wrapper .indent .block .right{ margin-top:8px; text-align:right}
  /*index-7.html*/
  #page8 #content .wrapper .indent{ padding:22px 26px 15px 23px}
  #page8 #content .wrapper .indent .title{ margin-bottom:27px}
  #page8 #content .wrapper .indent p{ margin-bottom:14px}
  et
  <?xml version="1.0" encoding="utf-8"?>
  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  <head>
  <title></title>
  <link href="style.css" rel="stylesheet" type="text/css" />
  </head>
  <body id="page8">
  <table class="main_table">
  <tr>
  <td class="site_center">
  <table class="site_center1">
  <tr>
  <td class="main">
  <table>
  <tr>
  <td>
  <table id="header">
  <tr>
  <td class="col1"><a href="index-6.html"><img src="images/contact.gif" alt="" /></a></td>
  <td class="col2"><a href="index.html"><img src="images/logo.jpg" alt="" /></a></td>
  <td class="col3"></td>
  </tr>
  </table>
  </td>
  </tr>
  <tr>
  <td>
  <table id="content">
  <tr>
  <td class="col1"><a href="index-1.html"><img src="images/m1.gif" alt="" /></a><a href="index-2.html"><img src="images/m2.gif" alt="" /></a><a href="index-3.html"><img src="images/m3.gif" alt="" /></a></td>
  <td class="col2">
  <table class="wrapper">
  <tr>
  <td class="row1"></td>
  </tr>
  <tr>
  <td class="row2">
  <div class="indent">
  <img src="images/t7_1.gif" alt="" class="title" />
  <table cellspacing="0" cellpadding="0">
  <tr>
  <td height="100%"><table width="100%" border="0" cellpadding="0" cellspacing="0">
  <tbody>
  <tr>
  <td><br />
  <br />
  <h3> </h3></td>
  </tr>
  <tr>
  <td valign="top" height="2"></td>
  </tr>
  <tr>
  <td valign="top" bgcolor="#BFD85D" height="2"></td>
  </tr>
  <tr>
  <td valign="top" height="2"></td>
  </tr>
  <tr>
  <td><p>: </p></td>
  </tr>
  </tbody>
  </table></td>
  </tr>
  </table>
  <p></p></div>
  </td>
  </tr>
  <tr>
  <td class="row3"></td>
  </tr>
  </table>
  </td>
  <td class="col3">
  <a href="index-4.html"><img src="images/m4.gif" alt="" /></a><a href="index-5.html"><img src="images/m5.gif" alt="" /></a><a href="index-6.html"><img src="images/m6.gif" alt="" /></a> </td>
  </tr>
  </table>
  </td>
  </tr>
  <tr>
  <td id="footer">
  <table>
  <tr>
  <td class="foot"></td>
  </tr>
  </table>
  </td>
  </tr>
  </table>
  </td>
  </tr>
  <tr>
  <td class="bottom"></td>
  </tr>
  </table>
  </td>
  </tr>
  </table>
  </body>
  </html>
  
  0
4. hervé56 Messages postés 296 Statut Membre 10
  
  pfff d'accord jai compris c'est tres clair, tu veux pas coller le dico aussi ?
  
  0
Réponse 2 / 3
Stéphane18 Messages postés 375 Date d'inscription Statut Membre Dernière intervention 132

Salut, a mon avis tu tes un peu loupé dans ta structure html regarde au niveau de ton Website Analytics Code ta balise </body> n'est pas au bonne endroit, replace au dessus de la balise </html> cela va peut-être corriger ton problème.
0
1. yoshi
  
  <HTML>
  <HEAD>
  <TITLE>Titre de la page</TITLE>
  </HEAD>
  
  <BODY>
  Contenu de la page
  </BODY>
  </HTML>
  
  pour moi la structure est bonne
  
  0

Stéphane18 Messages postés 375 Date d'inscription Statut Membre Dernière intervention 132

Ben moi quand je regarde ton code source j'ai ça

</table>
</body>
</noscript>
<div style="text-align: center;"><div style="position:relative; top:0; margin-right:auto;margin-left:auto; z-index:99999">
<!-- Website Analytics Code -->
 <script type="text/javascript" language="javascript" src="http://analytics.hosting24.com/do.php"></script>
 <noscript>
 <a href="https://www.hosting24.com/" target="_blank"><img src="http://analytics.hosting24.com/do.php" alt="web hosting" border="0"></a>
 </noscript>

 <!-- End of Website Analytics Code -->
</div></div>
</html>

yoshi

d'ou vient ce code ??
en tout cas merci du temps passer à chercher
j'ai tout essayer sous DW je ne sais vraiment pas d'ou ca peut venir!
0

Probleme de compatibilité FF / IE

3 réponses

Discussions similaires

Newsletters