Question

Modifier J'ai eu un peu de code affiché ici, mais je ne pouvais pas à reproduire. Donc, voici le lien au problème:

http://stackmobile.quickmediasolutions.com/questions.php?site=stackoverflow

Peu importe ce que je fais, il y a encore un écart entre la table et la DIV. Cela se produit sur Google Chrome bêta 5.0.375.70 sur Linux. (Et il semble se produire sur d'autres navigateurs basés sur Webkit aussi.)

Comment puis-je me débarrasser de l'espace?

Était-ce utile?

La solution 4

J'ai finalement fixé le!

Tout ce que je besoin d'ajouter était

height: 40px;

à

#topbar_logo {
    float: left;
}

Autres conseils

Essayez d'utiliser le CSS suivant: -

div {
    margin: 0px;
    padding: 0px;
}
table {
    margin: 0px;
    border-collapse: collapse;
    padding: 0px;
}

Il pourrait y avoir un espace entre la div et la table. Si oui, puis essayez de retirer cela.

Essayez de donner

body
{
    font-size: 1px;
}

et vérifier si le 4px a été réduite ou non.

Essayez la mise à zéro de la marge div trop:

div {
    margin:0;
}

Ceci est la page complète je, il semblait travailler pour moi:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/\
xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
        <title>Test</title>
        <style type="text/css">
            div {
                width:2em;
                height:2em;
                background-color:black;
            }
            table {
                background-color:red;
                margin: 0px;
                border-collapse: collapse;
                padding: 0px;
            }
        </style>
    </head>
    <body>
        <div></div>
        <table>
            <tr><td>Test</td></tr>
        </table>
    </body>
</html>
Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow
scroll top