Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1184 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Bug d'affichage sous IE

 
 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Bug d'affichage sous IE

n°1404907
Giz
Posté le 11-07-2006 à 18:22:59  profilanswer
 

Je suis en train de faire un site. La page d'accueil doit etre parfaite. Ce qui est le cas a 100% sous firefox mais a 99% sous ie.
Un bug d'affichage que je n'arrive pas résoudre (j'ai tout essaié  :sweat: )
 
La page web : (c'est une jpg)
http://membres.lycos.fr/unsitebidon/fermette.jpg
 
Le bug est la partie haute de la page : la ligne blanche de séparation (image coupé en 2 avec les menus) horizontal ne doit pas avoir lieu.
Alors c'est simple j'ai un <table> puis 2 <tr> un pour la partie haute de l'image (l'image) et un pour la partie basse (en dessous de la ligne blanche, pour le bas de l'image et les menus).
Question : Pourquoi une ligne blanche de separation a lieu ?? les tr ne sont pas collé !
RQ : les menus sont des <td> dans le 2ème <tr>
 
Bref si vous connaissez des attributs de style pour virer cette espace, balancez...mais j'ai deja vachement insisté ! j'en peux plus  :cry:


Message édité par Giz le 11-07-2006 à 20:21:27
mood
Publicité
Posté le 11-07-2006 à 18:22:59  profilanswer
 

n°1404912
mIRROR
Chevreuillobolchévik
Posté le 11-07-2006 à 18:40:56  profilanswer
 

t as du te planter dans le lien mais avec des tables en general
cellpadding="0" cellspacing="0" border="0" ca marche bien

n°1404954
Giz
Posté le 11-07-2006 à 20:24:23  profilanswer
 

oui j'ai essaié ce que tu as dis mais ca marche pas :/. C'est bon j'ai corrigé le pb d'url :)

n°1404965
mIRROR
Chevreuillobolchévik
Posté le 11-07-2006 à 20:42:24  profilanswer
 

code :o

n°1404978
Giz
Posté le 11-07-2006 à 21:01:47  profilanswer
 

Oui effectivement sinon ca risque d'être difficile :/. Je le mettrai demain. (au boulot)

n°1405019
nlc
Le mieux est l'ennemi du bien
Posté le 11-07-2006 à 22:19:42  profilanswer
 

Theoriquement il ne faut plus faire les mises en pages avec des <table>, il vaut mieux utiliser des <div>, afin de faire TOUTE la mise en page dans le fichier de style

n°1405270
Giz
Posté le 12-07-2006 à 10:05:21  profilanswer
 

Bon le code en vrac a partir de IE (générée par de multiples JSP). Normalement il y a juste le code du header. (mon pb)
 


<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="fr">
<head>
 
 <title>
   
    Accueil
   
   
  </title>
 <link href="/fermette/template/_default/css/style_cms_website.css" rel="stylesheet" type="text/css">
 <meta name="keywords" content="VALODI, dechets industriels, valorisation, conseil en gestion des dechets, producteurs, utilisateurs, professionnels">
 <meta name="description" content="VALODI, société de conseil en gestion des Déchets, propose une nouvelle approche pour améliorer la gestion des Déchets Industriels grâce à un partenariat entre Producteurs, Utilisateurs et Professionnels.">
 <base href="http://localhost:8080/fermette/module/cms/process/processPublic.jsp">
</head>
<body bgcolor="#FFFFFF">
 
<center>
 <div style="width: 1000;" >
  <center>
   <table width="100%" border="0" cellspacing="1" cellpadding="1" >
    <tr>
     <td width="800">
      <div>
       <!-- [INSERTION du header] -->
       
 
 
 
 
 
 
 
 
 
 
 
 
<!-- Insertion du script -->
   <script type="text/javascript"
    src="/fermette/script/module/kernel/ypSlideOutMenusC.js">
   </script>
   
<table width="800" border="0" cellspacing="0" cellpadding="0">
 
 <tr width="100%">
  <td align="left" colspan="6">  
   <a href="/fermette/;jsessionid=014CBDCFFA333D5FA0E2B06A6E250D3D"><img src="/fermette/img/cms/website/fermette_home_banner.gif;jsessionid=014CBDCFFA333D5FA0E2B06A6E250D3D" border="0" alt="Bannière Fermette"></a>
  </td>
 </tr>
 <!-- Intégration du menu -->
 
   
   
   
  <tr align="left"  style="height: -20px">
   
   <td  nowrap="nowrap" width="371">
    <a href="/fermette/;jsessionid=014CBDCFFA333D5FA0E2B06A6E250D3D"><img src="/fermette/img/cms/website/fermette_home_banner_bottom.gif;jsessionid=014CBDCFFA333D5FA0E2B06A6E250D3D" border="0" alt="Bannière Fermette"></a>
   </td>
           
   <td nowrap="nowrap" width="69" valign="top">
     
     
     
       
     
     
    <div class="menuIn" style="padding: 6px;background-color: #A681B4; border-right: 1px solid #FFFFFF;">
   &nbsp;
     <a href="/fermette/module/cms/process/process.do;jsessionid=014CBDCFFA333D5FA0E2B06A6E250D3D" class="menu" title="Accueil">Accueil</a>&nbsp;
    </div>
   </td>
   <td nowrap="nowrap" width="109" valign="top">
    <div class="menuIn" style="padding: 6px;background-color: #A681B4;border-right: 1px solid #FFFFFF;  ">
     &nbsp;
     <a href="/fermette/module/ebiz/process/processArticle.do;jsessionid=014CBDCFFA333D5FA0E2B06A6E250D3D?method=listArticleFromLink&idCat=0" class="menu" title="Nos produits">Nos produits</a>&nbsp;
    </div>
   </td>
   
   
    <td valign="top" align="left" width="83" style="border-right: 1px solid #FFFFFF;">
     <table border="0" cellspacing="0" cellpadding="0" width="83">
      <tr>        
       <td width="100%">
         
         
   
         
         
         
         
           
         
        <script type="text/javascript">
         new ypSlideOutMenu('menu7', 'down', 0, 0, 150, 15*1);
         
        </script>
         
        <div class="menuOut" style="padding: 6px;background-color: #A681B4; ">
         
         <a href="/fermette/cms/page-7;jsessionid=014CBDCFFA333D5FA0E2B06A6E250D3D" class="menu" title="Historique" onmouseover="ypSlideOutMenu.showMenu('menu7');" onmouseout="ypSlideOutMenu.hideMenu('menu7');">Historique</a>
        </div>
       </td>
      </tr>
      <tr>
       <td>
        <div id="menu7Container" style="border-top: solid 1px #DDDDDD">
         <div id="menu7Content" style="position: relative; text-align: left; background-color: #A681B4;">
           
           
           
           
           
   
                     
           &nbsp;
           
           <a href="/fermette/cms/page-10;jsessionid=014CBDCFFA333D5FA0E2B06A6E250D3D" class="menu" title="sous menu">- sous menu</a>&nbsp;
           <br />
           
           
         </div>
        </div>
       </td>
      </tr>
     </table>
    </td>
   
    <td valign="top" align="left" width="83" style="border-right: 1px solid #FFFFFF;">
     <table border="0" cellspacing="0" cellpadding="0" width="83">
      <tr>        
       <td width="100%">
         
         
   
         
         
         
         
           
         
        <script type="text/javascript">
         new ypSlideOutMenu('menu8', 'down', 0, 0, 150, 15*1);
         
        </script>
         
        <div class="menuOut" style="padding: 6px;background-color: #A681B4; ">
         
         <a href="/fermette/cms/page-8;jsessionid=014CBDCFFA333D5FA0E2B06A6E250D3D" class="menu" title="Support" onmouseover="ypSlideOutMenu.showMenu('menu8');" onmouseout="ypSlideOutMenu.hideMenu('menu8');">Support</a>
        </div>
       </td>
      </tr>
      <tr>
       <td>
        <div id="menu8Container" style="border-top: solid 1px #DDDDDD">
         <div id="menu8Content" style="position: relative; text-align: left; background-color: #A681B4;">
           
           
           
           
           
   
                     
           &nbsp;
           
           <a href="/fermette/cms/page-11;jsessionid=014CBDCFFA333D5FA0E2B06A6E250D3D" class="menu" title="sous menu">- sous menu</a>&nbsp;
           <br />
           
           
         </div>
        </div>
       </td>
      </tr>
     </table>
    </td>
   
    <td valign="top" align="left" width="83" style="border-right: 1px solid #FFFFFF;">
     <table border="0" cellspacing="0" cellpadding="0" width="83">
      <tr>        
       <td width="100%">
         
         
   
         
         
         
         
           
         
        <script type="text/javascript">
         new ypSlideOutMenu('menu9', 'down', 0, 0, 150, 15*1);
         
        </script>
         
        <div class="menuOut" style="padding: 6px;background-color: #A681B4; ">
         
         <a href="/fermette/cms/page-9;jsessionid=014CBDCFFA333D5FA0E2B06A6E250D3D" class="menu" title="Contact" onmouseover="ypSlideOutMenu.showMenu('menu9');" onmouseout="ypSlideOutMenu.hideMenu('menu9');">Contact</a>
        </div>
       </td>
      </tr>
      <tr>
       <td>
        <div id="menu9Container" style="border-top: solid 1px #DDDDDD">
         <div id="menu9Content" style="position: relative; text-align: left; background-color: #A681B4;">
           
           
           
           
           
   
                     
           &nbsp;
           
           <a href="/fermette/cms/page-12;jsessionid=014CBDCFFA333D5FA0E2B06A6E250D3D" class="menu" title="sous menu">- sous menu</a>&nbsp;
           <br />
           
           
         </div>
        </div>
       </td>
      </tr>
     </table>
    </td>
     
  </tr>  
 
</table>


Message édité par Giz le 12-07-2006 à 10:06:59
n°1405276
Giz
Posté le 12-07-2006 à 10:11:31  profilanswer
 

En fait dans le code il y a : style="height: -20px" . C'est la avec n'importe quel moyen que j'essaie de remonter le seconde ligne du tableau.

n°1405342
Giz
Posté le 12-07-2006 à 11:19:03  profilanswer
 

Mais oui c'est ça :o. Je ne suis pas Web Designer ! je passe pas mon temps à coder une page HTML moi :o et à voir si ca marche sous les 2 navigateurs. Je suis un javateux à la base et je travaille sur du J2EE pas du HTML/CSS.
Sinon pour mon problème j'ai trouvé et c'est très vicieux ! ie de merde  :fou: . Le premier <tr> jusqu'à </tr>, il faut tout coder sur la même ligne et la aucun espace est pris en compte :o. Une demie journée a recoder ma page pour rien à cause de ce bug !  :kaola:

n°1405345
CNeo
Posté le 12-07-2006 à 11:20:38  profilanswer
 

Désolé.

mood
Publicité
Posté le 12-07-2006 à 11:20:38  profilanswer
 

n°1405639
mIRROR
Chevreuillobolchévik
Posté le 12-07-2006 à 15:10:01  profilanswer
 

Code :
  1. <center>
  2. <div style="width: 1000;" >
  3.   <center>
  4.    <table width="100%" border="0" cellspacing="1" cellpadding="1" >


 
 [:psywalk]  
 
ca suffit !
 

Code :
  1. <table width="100%" border="0" cellspacing="1" cellpadding="1" >


 


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Bug d'affichage sous IE

 

Sujets relatifs
[Résolu] Bug d'IE avec les caractères accentués. Affichage % et gestion fenetres multiples
affichage xml avec xslaffichage xml avec xsl
Bug CSS > Bas de page[Résolu]Affichage ou non d'un scrollBar
[Problème] - Template affichage :??:Page valide mais problème d'affichage
[résolu] affichage sur une requêteProblème d'affichage d'images
Plus de sujets relatifs à : Bug d'affichage sous IE

Forum MesDiscussions.Net, Version 2010.2
(c) 2000-2011 Doctissimo
Page générée en 0.054 secondes

Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR