2017-10-08 8 views
0

J'ai un problème concernant la ligne blanche verticale sur Chrome, également sur Opera. Microsoft Edge n'a pas ce problème.Problème de ligne blanche verticale CSS Chrome et Opera

Js Fiddle

<div id="mainContainer" style="margin:auto; text-align: center"> 

    <table cellspacing="0"; cellpadding="0"> 
     <tbody> 
      <tr> 
       <td class="left">Lolo1</td> 
       <td class="right" style="background-color: green">BlaBla1</td> 
      </tr> 
      <tr> 
       <td class="left">Lolo2</td> 
       <td class="right" style="background-color: green">Blabla2</td> 
      </tr>    
     </tbody> 
    </table> 

Comme vous le voyez il y a une ligne inattendue à droite, j'ai essayé de le manipuler avec beaucoup de moyens, mais pas encore la chance. Il semble que ce soit à propos de la différence de taille de police entre les navigateurs, mais ce ne devrait pas être le cas.

Aussi, si vous essayez de supprimer les éléments de corps margin-top, vous verrez une ligne blanche horizontale se produit sur le fond aussi, c'est un autre détail étrange.

+0

Je pense que c'est un problème de résolution, vous pouvez le voir disparaître à certains niveaux de zoom si vous regardez le violon sur différents zooms. ce que vous dites ne s'affiche pas sur mon écran jusqu'à ce que j'ai changé les zooms. – davidchoo12

+0

Oui, vous avez raison. La question est pourquoi, c'est juste une table de base avec deux colonnes. Merci pour la réponse. –

Répondre

0

Il semble que l'affichage de l'élément de table: inline value provoque ce problème. Enlever ou changer comme affichage: table en ligne fait tds parfaitement adapter dans ma table.