Foros del Web » Creando para Internet » CSS »

Width Vs Padding - Batalla campal

Estas en el tema de Width Vs Padding - Batalla campal en el foro de CSS en Foros del Web. Hola a todos, Tengo claro el modelo de interpretación de cajas de IE y Firefox. Sabemos que IE 5.x interpreta el width como la suma ...
  #1 (permalink)  
Antiguo 24/07/2005, 10:16
Avatar de Takitei  
Fecha de Ingreso: septiembre-2004
Ubicación: Venezuela
Mensajes: 1.231
Antigüedad: 13 años, 3 meses
Puntos: 5
Width Vs Padding - Batalla campal

Hola a todos,

Tengo claro el modelo de interpretación de cajas de IE y Firefox. Sabemos que IE 5.x interpreta el width como la suma del padding + width y Firefox lo hace correctamente. Tengo IE 6 y Firefox 1.04 asi que en ningún navegador debería haber problemas.

Aca viene el dilema:

Supongamos que tengo una capa con estos estilos:

div {
width: 100%;
padding: 30px;
}

Cuando se muestra en la página, realmente no ocupa el 100% de la ventana; ocupa el 100% + 30px.

Esto para mi significa que el padding es un fraude. Se supone que el padding debería aplicarse hacia adentro, no hacia afuera. Mi lógica me dice que el padding no debería afectar el ancho de un elemento.

¿Cómo se resuelve esto?... ¿qué formas hay de aplicar el padding sin que afecte el width?

He probado con tablas, y el problema persiste. El mayor detalle es que quiero que el contenido de mi web ocupe el 100% del ancho de la ventana, no quiero trabajar con pixeles para darle mayor libertad al visitante.

Gracias de antemano!
__________________
Takitei
Ingeniarte.com
DannyHerran.com
"Dadme un punto de apoyo y moveré la tierra" - Arquímedes.
  #2 (permalink)  
Antiguo 24/07/2005, 10:26
Avatar de Takitei  
Fecha de Ingreso: septiembre-2004
Ubicación: Venezuela
Mensajes: 1.231
Antigüedad: 13 años, 3 meses
Puntos: 5
¿Será metiendo dentro de ese div otro div2 y colocandole a div2 margin: 30px?...
__________________
Takitei
Ingeniarte.com
DannyHerran.com
"Dadme un punto de apoyo y moveré la tierra" - Arquímedes.

Última edición por Takitei; 24/07/2005 a las 10:53
  #3 (permalink)  
Antiguo 24/07/2005, 12:00
Avatar de Durgeoble  
Fecha de Ingreso: marzo-2003
Mensajes: 462
Antigüedad: 14 años, 9 meses
Puntos: 2
¿seguro que tienes claro el modelo de cajas? por que me da a mi que no
Diseñorama :Articulos:El Modelo de Cajas

100% de width + 30px de padding es eso, el 100% de la ventana +30px, exactamente lo que le has definido.
__________________
Todas mis respuestas funcionaran correctamente en aquellos navegadores que respeten los estandares.
  #4 (permalink)  
Antiguo 24/07/2005, 12:02
Avatar de Takitei  
Fecha de Ingreso: septiembre-2004
Ubicación: Venezuela
Mensajes: 1.231
Antigüedad: 13 años, 3 meses
Puntos: 5
Si, asi es. Pero entonces ¿cómo haces para dar un padding sin que afecte el ancho?... la única solución que encontré es meter un elemento dentro de otro y al interno darle un margin.
__________________
Takitei
Ingeniarte.com
DannyHerran.com
"Dadme un punto de apoyo y moveré la tierra" - Arquímedes.
  #5 (permalink)  
Antiguo 24/07/2005, 12:04
Avatar de Durgeoble  
Fecha de Ingreso: marzo-2003
Mensajes: 462
Antigüedad: 14 años, 9 meses
Puntos: 2
ajustando el ancho para que se adapte al padding
width: 99%;
padding: 0.5%
__________________
Todas mis respuestas funcionaran correctamente en aquellos navegadores que respeten los estandares.
  #6 (permalink)  
Antiguo 24/07/2005, 13:06
Avatar de SiR.CARAJ0DIDA  
Fecha de Ingreso: junio-2004
Ubicación: Acá
Mensajes: 1.166
Antigüedad: 13 años, 5 meses
Puntos: 4
para que darle 100% de width a un div, si de por si ya ocupa todo el ancho de donde esta contenido?
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 01:26.