Foros del Web » Creando para Internet » CSS »

Una duda con width y porcentajes

Estas en el tema de Una duda con width y porcentajes en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 22/02/2006, 14:35
Avatar de SiR.CARAJ0DIDA  
Fecha de Ingreso: junio-2004
Ubicación: Acá
Mensajes: 1.166
Antigüedad: 13 años, 5 meses
Puntos: 4
Una duda con width y porcentajes

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.
__________________
Internet Explorer SuckS
Download FireFox
  #2 (permalink)  
Antiguo 22/02/2006, 20:15
Avatar de webosiris
Moderador egiptólogo
 
Fecha de Ingreso: febrero-2002
Ubicación: Luxor, Egipto
Mensajes: 10.727
Antigüedad: 15 años, 9 meses
Puntos: 997
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..
__________________
Pasamos tus PSD a HTML

Pobre del que lo sabe todo, porque no tiene nada más que aprender ni razón para vivir. -
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 00:57.