Esta es la primera vez que escribo asin que perdonadme si voy de nuevas.
Tengo el siguiente codigo:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<style type="text/css">
html, body {
margin: 0px;
padding: 0px;
border: 0px;
width: 100%;
height: 100%;
}
.tabla {
margin: 0px;
padding: 0px;
width: 100%;
border: 1px solid red;
}
.tabla th {
text-align: left;
}
.tabla td {
}
.nota {
margin: 0px;
padding: 0px;
border: 1px solid red;
background: #FFFFCC;
width: 100%;
}
</style>
</head>
<body>
<table class="tabla" cellpadding="0" cellspacing="0">
<tr><th>C1</th><th>C2</th><th>C3</th><th>C4</th></tr>
<tr><td>1</td><td>2</td><td>3</td><td>4</td></tr>
<tr><td>5</td><td>6</td><td>7</td><td>8</td></tr>
<tr><td>9</td><td>10</td><td>11</td><td>12</td></tr>
</table>
<div class="nota">
Este es el contenido 2.
</div>
<form method="get" action="iframe_content.html">
<input type="submit" value="siguiente">
</form>
</body>
</html>
En IE 6 se ve bien, la tabla y el div tienen el mismo tamaño, pero en firefox 1.0.7 nada de nada, el div mide 2 pixels mas que la tabla y aparece un scroll.
Que se podria hacer???
Gracias.
Mode Lineal
