Comment ignorer l'espace blanc supplémentaire dans Google Chrome dans une rangée de table alignée à droite?

StackOverflow https://stackoverflow.com/questions/5962264

Question

J'ai une table avec des cellules alignées à droite générées à côté du serveur. Chaque ligne d'une cellule est facultative, elle est donc enfermée dans une instruction if-then à côté du serveur.

L'exemple de HTML montre 3 colonnes, où la première colonne est défectueuse dans Google Chrome. Les colonnes 2 et 3 sont correctes, mais étranges, car le HTML est le même, à l'exception des Newlines et des espaces blancs.

Lorsque nous examinons la première colonne de Google Chrome, vous remarquerez que la marge de droite ne s'aligne pas à 100% pour chaque ligne dans la cellule.

Ces problèmes n'existent pas dans Firefox ou IE, uniquement dans Google Chrome.

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    </head>
    <body>
        <table border="0" cellpadding="0" cellspacing="0" style="border: 1px solid #000000;">
            <tbody>
                <tr>
                    <td style="text-align: right;border: 1px solid #000000;">
                        <span>Not Ok in Google Chrome</span>
                        <br /><span id="C1">500.000,00 €</span>
                        <br /><span id="C2">166.666,67 €</span>
                        <br /><span id="C3">489.545,90 €</span>
                    </td>
                    <td style="text-align: right;border: 1px solid #000000;">
                        <span>Ok in Google Chrome</span><br />
                        <span id="D1">500.000,00 €</span><br />
                        <span id="D2">166.666,67 €</span><br />
                        <span id="D3">489.545,90 €</span>
                    </td>               
                    <td style="text-align: right;border: 1px solid #000000;">
                        <span>Ok in Google Chrome</span><br /><span id="D1">500.000,00 €</span><br /><span id="D2">166.666,67 €</span><br /><span id="D3">489.545,90 €</span>
                    </td>                       
                </tr>
            </tbody>
        </table>
    </body>
    </html>

Générer le HTML d'une manière différente n'est pas une option.

Comment puis-je faire fonctionner cela dans Google Chrome, non pas en changeant le HTML, mais peut-être à définir un style supplémentaire ou quelque chose?

Pas de solution correcte

Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow
scroll top