Pregunta

Editar que tenía algo de código escrito aquí, pero no pude conseguir que se reproduzca. Así que aquí está el enlace al problema:

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

No importa lo que haga, aún existe una brecha entre la mesa y el DIV. Esto ocurre en Google Chrome 5.0.375.70 beta en Linux. (Y parece que ocurra en otros navegadores basados ??en WebKit también.)

¿Cómo puedo eliminar del espacio?

¿Fue útil?

Solución 4

Finalmente se fija!

Todo lo que tenía que añadir era

height: 40px;

a

#topbar_logo {
    float: left;
}

Otros consejos

Trate de usar el CSS siguiente: -

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

Es posible que haya un carácter de espacio entre el div y la mesa. Si sí, entonces tratan de eliminar eso.

Trate de darle

body
{
    font-size: 1px;
}

y comprobar si el 4PX se ha reducido o no.

Trate de poner a cero el margen div también:

div {
    margin:0;
}

Esta es la página completa utilicé, parece que ha funcionado para mí:

<!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>
Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top