Partage
  • Partager sur Facebook
  • Partager sur Twitter

grand espace vide entre mon header et la suite sous IE

Sujet résolu
elazard
    3 novembre 2006 à 15:58:48

    Rebonjour, je refais un topic pour synthétiser mon problème. je l'avais mal fait dans l'autre, si un modo passe qu'il n'hésite pas à le supprimer.
    tout d'abord voici la page le site
    !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
    <head>
    <title>Poudlard Magical</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">

    <link href="style.css" rel="stylesheet" type="text/css">
    <style type="text/css">
    <!--
    body,td,th {
            color: #171717;
    }
    -->
    </style>
    <style type="text/css">
            h2, th, td
            {
                text-align:center;
            }
            table
            {
                border-collapse:collapse;
                border:2px solid black;
                margin:auto;
            }
            th, td
            {
                border:1px solid black;
            }
            .Style1 {
            color: #666666;
            font-weight: bold;
    }
    .Style2 {color: #666666}
    </style></head>
    <body style="padding:0; margin:0" bgcolor="#000000" >

    <table cellpadding="0" cellspacing="0" border="0"  align="center" >
            <tr>   
              <td valign="top" width="766" height="850" >

                    <table border="0" cellpadding="0" cellspacing="0" bgcolor="#000000">
                            <tr>
                                    <td valign="top" width="766" height="385">
                                    <div style=" margin-left:-1px; margin-top:0px ">
                                           
                                      <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="766" height="385">
        <param name="movie" value="flash/header.swf">
        <param name="quality" value="high">
        <param name="menu" value="false">
        <!--[if !IE]> <-->

        <object data="flash/header.swf"
                width="766" height="385" type="application/x-shockwave-flash">
         <param name="quality" value="high">
         <param name="menu" value="false">
         <param name="pluginurl" value="http://www.macromedia.com/go/getflashplayer">
         FAIL (the browser should render some flash content, not this).
        </object>
        <!--> <![endif]>
      </object>
                                    </div>

                                     
                                    </td>
                            </tr>
                            <tr>
                                    <td valign="top" width="766" height="355">
                                            <table border="0" cellpadding="0" cellspacing="0" bgcolor="#000000">
                                                    <tr>
                                                            <td valign="top" width="35" height="355"></td>
                                                            <td valign="top" width="700" height="355"  ">
                                                                    <table border="0" cellpadding="0" cellspacing="0" bgcolor="#000000">

                                                                            <tr>
                                                                                    <td valign="top" width="2" height="355"></td>
                                                                              <td valign="top" width="238" height="355" bgcolor="#000000">
                                                                                            <div style=" margin-left:4px; margin-top:5px ">
                                                                                              <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="232" height="200">
                                                    <param name="movie" value="flash/lecteur.swf">
                                                    <param name="quality" value="high">
                                                    <embed src="flash/lecteur.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="232" height="275"></embed>
                                                                                          </object>

                                                                                            </div>                    </td>
                                                                              <td width="10" valign="top" background="images/bg.gif">&nbsp;</td>
                                                                              <td valign="top" width="488" height="355">
                                                                                           
                                                                                              <table border="0">
                                                    <tr>
                                                      <td width="481"><table width="452" border="0">
                                                                <tr>
                                                                  <td width="446"><table width="439" border="0">

                                                                    <tr>
                                                                      <td><span class="Style1">Bienvenue sur poudlardmagical.com </span></td>
                                                                    </tr>
                                                                    <tr>
                                                                      <td><span class="Style2"><u>Les Dernières News</u> </span></td>
                                                                    </tr>
                                                                  </table>

                                                                    <table border="1"  bordercolor="#666666" bgcolor="#666666"><tr>
    <th width="68">Date</th>
    <th width="278">Titre</th>
    <th width="74">Lien</th>
    </tr>


    <tr>
    <td><div align="center">02/11/2006 </div></td>
    <td><div align="center">News? </div></td>
    <td><div align="center"><a href="news.php?news=2">lien</a> </div></td>

    </tr>


    <tr>
    <td><div align="center">02/11/2006 </div></td>
    <td><div align="center">1ere news! </div></td>
    <td><div align="center"><a href="news.php?news=1">lien</a> </div></td>
    </tr>

    </table></td>
                                                                </tr>
                                                      </table></td>

                                                    </tr>
                                                  </table>
                                                                                    </div>                    </td>
                                                                              <td valign="top" width="4" height="355" bgcolor="#000000">&nbsp;</td>
                                                                                    <td valign="top" width="4" height="355"></td>
                                                                            </tr>
                                                                    </table>
                                                            </td>

                                                            <td valign="top" width="31" height="355"></td>
                                                    </tr>
                                            </table>
                                    </td>
                            </tr>
                            <tr>
                              <td valign="top" width="766" height="110" style="background-image:url(images/bottom.jpg) ">
                                      <div style="margin-left:241px; margin-top:31px; " class="b">
                                        <div align="center">Copyright 2006 &copy; poudlardmagical.com. All rights reserved.</div>

                                      </div>
                                            <div style="margin-left:318px; margin-top:3px; " class="s1"></div>
                                       <div style="margin-left:40px; margin-top:3px; " class="s1">
                                         <div align="left"><a href="scripts/admingenerale/admin.php" class="s1">Adminisration</a></div>
                                       </div></td>
                            </tr>
                    </table>
              </td>

            </tr>
    </table>
    </body>
    </html>









       


    voici le code source de ma page. Quand je l'affiche avec Internet Explorer, il y'a un grand espace entre le header en flash et le corps du site (espace qui n'apparait pas sous mozilla firefox)
    a cette page est attachée une feuille CSS dont voici le contenu

    body {padding:0; margin:0; color:#000000}
    br{font-size:10px}
    .s{font-family:Tahoma; font-size:10px;  color:#7B7B7B; text-decoration:none}
    .s1{font-family:Tahoma; font-size:11px;  color:#3B3B3B}
    .green{font-family:Tahoma; font-size:10px;  color:#A18E43;text-decoration:none}
    .green1{font-family:Tahoma; font-size:11px;  color:#9C8F53;text-decoration:none}
    .green2{font-family:Tahoma; font-size:11px;  color:#9C8F53;text-decoration:none}
    .red{font-family:Tahoma; font-size:11px;  color:#9C371F}
    .red1{font-family:Tahoma; font-size:11px;  color:#AF9078; text-decoration:none}
    .o{font-family:Tahoma; font-size:11px;  color:#9D6E2F;text-decoration:none}
    .o1{font-family:Tahoma; font-size:11px;  color:#E48C16;text-decoration:none}
    .blue{font-family:Tahoma; font-size:11px;  color:#8C8B89;}
    .blue1{font-family:Tahoma; font-size:11px;  color:#8C8B89;text-decoration:none}
    .w{font-family:Tahoma; font-size:11px;  color:#DEDEDE; }
    .w1{font-family:Tahoma; font-size:11px;  color:#FFFFFF; }
    .b{font-family:Tahoma; font-size:11px;  color:#443821; }

     
     

      #input{
                  width:160px; height:21px;
                   
                    }
                     
    #input1{
                  width:134px; height:21px;
                   
                    }
                   
              #textarea{
                  width:102px; height:48px;
                    border-width:1px;
                    border-style:solid;
                    border:none;
                    background-color:#F0EAE3;
                    overflow:auto
                    }


    donc voici ma question comment virer cet infame espace?


    Edit : trouvé tout seul un coup de bol je matte une balise talbeau et je vois un guillement en trop :s
    • Partager sur Facebook
    • Partager sur Twitter

    grand espace vide entre mon header et la suite sous IE

    × Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
    × Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
    • Editeur ●
    • Markdown