[HTML] Décalage pixel sous Netscape...

Décalage pixel sous Netscape... [HTML] - HTML/CSS - Programmation

Marsh Posté le 06-11-2004 à 22:18:34    

Bonjour tout le monde,
 
Alors voila, j'ai un affichage qui se joue au pixel près. La ligne à gauche de la première colonne des deux tableaux est décalée d'un pixel sous Netscape, alors qu'il n'y a pas de problèmes sous IE.
 
Je pense que çà vient du fait que mon deuxième tableau en contienne un autre.
 
Ci dessous, je vous fourni le code simplifié:
 

Code :
  1. <html>
  2. <body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
  3. <!-- Tableau 1 -->
  4. <table border="0" cellpadding="0" cellspacing="0" align="center" valign="top">
  5. <tr>
  6.  <td style="BORDER-LEFT: #000000 1px solid;">
  7.   <img src="../images/menu_titre.jpg" width="150" height="20" alt="Titre: Menu">
  8.  </td>
  9.  <td valign="top">
  10.         <img src="../images/menu_horiz.gif" width="600" height="20" alt="Menu horizontal" border="0">
  11.  </td>
  12. </tr>
  13. </table>
  14. <!-- Tableau 2 -->
  15. <table border="0" width="750" cellpadding="0" cellspacing="0" align="center" valign="top">
  16.     <tr>
  17.         <td>
  18.          <table valign="top" width="100%" border="0" cellspacing="0" cellpadding="0">
  19.           <tr>
  20.               <!-- 1ère colonne -->
  21.               <td style="BORDER-LEFT: #000000 1px solid; BORDER-RIGHT: #000000 1px solid; BORDER-BOTTOM: #000000 1px solid;">
  22.                <img src="../images/transparent.gif" width="150" border="0">
  23.                  </td>
  24.                  <!-- 2ème colonne -->
  25.            <td>
  26.             <img src="../images/transparent.gif" width="450" border="0">
  27.            </td>
  28.        
  29.            <!-- 3ème colonne -->
  30.            <td>
  31.             <img src="../images/transparent.gif" width="150" border="0">
  32.         </td>
  33.              </tr>
  34.             </table>
  35.         </td>
  36.     </tr>
  37. </table>
  38. </body>
  39. </html>


 
Voila. Alors si quelqu'un peut m'aider, je lui en serai reconnaissant.
Merci d'avance :)


---------------
WhiteMagician
Reply

Marsh Posté le 06-11-2004 à 22:18:34   

Reply

Marsh Posté le 07-11-2004 à 05:48:39    

salut,
 
la seule "aide" que je peux t'apporter se résume à un conseil : "vire ton tableau !" il n'est pas fait pour la mise en page . et mets des <div> et du css . tu auras la même chose avec moins de code .
 
L.
 
http://www.openweb.eu.org/articles/problemes_tableaux/


Message édité par Leris le 07-11-2004 à 08:10:22
Reply

Marsh Posté le 07-11-2004 à 08:33:56    

Et l'aide que je peux personnellement apporter est une remarque d'Eric Meyer:
 
"Le HTML et les CSS ne sont pas, ne sont pas censées être et ne seront jamais des technologies avec une précision de l'ordre du pixel"
 
Tous les ordinateurs sont différents, toutes les configurations sont différentes, tous les browsers sont différents, un site ne rendra jamais partout pareil.
C'est pour ca que les feuilles de stype sont des feuilles de style et non de mise en page: on donne un style à la page, on ne doit pas forcer un design précis parce que c'est meilleur moyen de se planter.


---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Reply

Marsh Posté le 07-11-2004 à 12:32:43    

Merci à vous deux :jap:, je prend bonne note de vos remarques.  
 
Donc, si j'ai bien compris, je n'ai pas à disposition de "patch" rapide pour corriger mon erreur d'implémentation. Il ne me reste donc plus qu'à trouver une bidouille (j'aime pas trop çà, mais bon) pour pallier ce problème d'affichage avant de remanier toute l'interface de mon site.
 
Je dis çà, parce que mon site dispose déjà de nombreuses pages réalisées sous le même graphisme, et cela me prendrai un temps considérable de reprendre mon travail de mise en page depuis le début.  
 
Néanmoins, je prendrai en compte vos deux remarques judicieuses lorsque je déciderai de mettre à jour l'interface de mon site.


---------------
WhiteMagician
Reply

Marsh Posté le 07-11-2004 à 13:01:24    

WhiteMagician a écrit :

Je dis çà, parce que mon site dispose déjà de nombreuses pages réalisées sous le même graphisme, et cela me prendrai un temps considérable de reprendre mon travail de mise en page depuis le début.


Et c'est ici qu'interviennent les feuilles de style (codage html/xhtml + css, avec séparation du contenu et du contenant):
les pages html/xhtml contiennent l'information "brute", logique, organisée en fonction du sens (par titres, sections, paragraphes, ...)
et les fichiers CSS contiennent le style, la manière dont l'information est affichée.
Et si c'est bien fait, on a une paire de fichiers CSS pour tout le site et il suffit de changer deux lignes de CSS pour changer le style graphique du site... et les changements sont répercutés automatiquement sur l'intégralité du site :D
 
Va voir CSSZenGarden, sur la droite tu as un menu select design, joue un peu avec... et dis toi que les seules différences entre deux styles ce sont les fichiers CSS, le code html est strictement le même (à l'espace près) d'un style à l'autre :D


---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Reply

Marsh Posté le 07-11-2004 à 16:20:07    

Effectivement, je dois avouer que le CSS est impressionnant. Pour la modification rapide et complète de l'interface, cela semble être un gain de temps non négligeable.
 
Il ne me reste donc plus qu'à apprendre à coder le style de mes pages en css, et en découvrir les capacités :D


---------------
WhiteMagician
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed