Hola, tengo una duda que no me cierra, cuando uno fija el ancho a 100% de un bloque que tiene border, padding y/o margin, el que se ajusta el contenido del padre es el width o el ancho total de la caja?? por ejemplo:
Código HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<style type="text/css">
DIV {
margin:0 auto;
width:500px;
}
TABLE {
border-collapse:collapse;
width:100%;
border:5px solid #000;
}
</style>
</head>
<body>
<div>
<table>
<tr>
<td>lalalalal</td>
</tr>
</table>
</div>
</body>
</html> En este caso si se ajustara el width de la tabla al width del DIV quedarian 10 pixeles de sobra fuera del DIV, o no?
pd: me refiero a navegadores NO defectuosos donde los elementos mas anchos que el contenedor producen overflow, el explorer esta excluido ya que ahi un contenedor siempre se ajusta al ancho del contenido.
Saludos.