Ver Mensaje Individual
  #1 (permalink)  
Antiguo 09/11/2005, 16:55
a930006
 
Fecha de Ingreso: noviembre-2005
Mensajes: 2
Antigüedad: 18 años, 4 meses
Puntos: 0
Problemas con los div

Hola a todos.
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.