Una duda con width y porcentajes

SiR.CARAJ0DIDA · #1 (**permalink**) 22/02/2006, 14:35

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.

webosiris · #2 (**permalink**) 22/02/2006, 20:15

te dejo un interesante artículo sobre el modelo de cajas.. pero te digo que si, la tabla mide 510px, ya que el padding se suma al width..