Come rimuovere il margine in cima alla tabella?
Domanda
Modifica Ho avuto qualche codice postato qui, ma non ho potuto farlo riprodurre. Quindi, ecco il link al problema:
http://stackmobile.quickmediasolutions.com/questions.php?site=stackoverflow
Non importa quello che faccio, c'è ancora un divario tra il tavolo e il DIV. Questo si verifica su Google Chrome 5.0.375.70 beta su Linux. (E sembra verificarsi su altri browser basati su WebKit troppo.)
Come posso liberarmi dello spazio?
Soluzione 4
ho finalmente risolto!
Tutto quello che ho bisogno di aggiungere è stato
height: 40px;
a
#topbar_logo {
float: left;
}
Altri suggerimenti
Provare a utilizzare il seguente CSS: -
div {
margin: 0px;
padding: 0px;
}
table {
margin: 0px;
border-collapse: collapse;
padding: 0px;
}
Ci potrebbe essere un carattere di spazio tra il div e il tavolo. Se sì allora provare a rimuovere questo.
Prova a dare
body
{
font-size: 1px;
}
e verifica se il 4px è stato ridotto o meno.
Prova azzeramento del margine div troppo:
div {
margin:0;
}
Questa è la pagina intera che ho usato, sembrava di lavoro per me:
<!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>