Foros del Web » Creando para Internet » CSS »

Problema con "padding"

Estas en el tema de Problema con "padding" en el foro de CSS en Foros del Web. Hola a todos, no soy nuevo pero hace mucho que no entraba y no recuerdo ni la cuenta ni el mail. En cualquier caso...al grano. ...
  #1 (permalink)  
Antiguo 12/01/2011, 09:05
 
Fecha de Ingreso: enero-2011
Mensajes: 4
Antigüedad: 6 años, 11 meses
Puntos: 0
Problema con "padding"

Hola a todos, no soy nuevo pero hace mucho que no entraba y no recuerdo ni la cuenta ni el mail. En cualquier caso...al grano.

Estoy editando un proyecto open source para adaptarlo a mis necesdades y tengo un problema, cada vez que pongo un padding me descuadra la capa en la que lo pongo.

Me explico. Si por ejemplo tengo una capa que debería hacer 200 pixels y le pongo un padding interno de 10, me coge los 200 px como internos y luego ocupa 10 más fuera. Y es un problema porque por ejemplo, tengo el contenido completo en una capa en position:absolute y width:100%; y entonces ocupa 100% + "los pixels de padding de la capa que sea"

Alguien sabe a que pueda deberse?
  #2 (permalink)  
Antiguo 12/01/2011, 09:23
Avatar de odiseus  
Fecha de Ingreso: enero-2011
Mensajes: 109
Antigüedad: 6 años, 11 meses
Puntos: 3
Respuesta: Problema con "padding"

No es un problema, realmente se trabaja asi tendras que poner el padding y luego bajar el width y que no sea el 100%
  #3 (permalink)  
Antiguo 12/01/2011, 09:25
Avatar de Kanashin  
Fecha de Ingreso: enero-2011
Mensajes: 45
Antigüedad: 6 años, 11 meses
Puntos: 1
Respuesta: Problema con "padding"

Exactamente como dice odiseus.
Siempre tenga en cuenta al crear divs, la siguiente fórmula:

TAMAÑO_div = width + padding-left + padding-right + margin-left + margin-right.

Así podrá jugar con los valores que más le convengan.
  #4 (permalink)  
Antiguo 12/01/2011, 09:26
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: Problema con "padding"

standar box-model o modelo de caja estandar.

Resumiendo, el tamaño final de una caja es la suma de su anchura más paddings más bordes más margenes laterales (para el eje x). Similar para el y.
  #5 (permalink)  
Antiguo 12/01/2011, 09:34
 
Fecha de Ingreso: enero-2011
Mensajes: 4
Antigüedad: 6 años, 11 meses
Puntos: 0
Respuesta: Problema con "padding"

Si, claro, ocupar ocupara lo que ocupa más los bordes, pero si tengo una div al 100% de ancho (1680px en mi caso) y le añado dentro una de 600px con un padding de 200 en la derecha suma 800, cabría perfectamente sin ampliar 200px la capa en la que está, y sin embargo me acaba dejando la principal a 100% que es lo que mide mas los 200px de su capa interior.
  #6 (permalink)  
Antiguo 12/01/2011, 09:36
Avatar de Kanashin  
Fecha de Ingreso: enero-2011
Mensajes: 45
Antigüedad: 6 años, 11 meses
Puntos: 1
Respuesta: Problema con "padding"

Publique un ejemplo, porque yo no le entiendo.
  #7 (permalink)  
Antiguo 12/01/2011, 09:48
 
Fecha de Ingreso: enero-2011
Mensajes: 4
Antigüedad: 6 años, 11 meses
Puntos: 0
Respuesta: Problema con "padding"

Mira, a ver si esto es un poco más explicativo que mis patosas palabras:



No tengo cuenta en imageshack asi que no se cuanto durará la imagen, pero supongo que suficiente.
  #8 (permalink)  
Antiguo 12/01/2011, 10:00
Avatar de odiseus  
Fecha de Ingreso: enero-2011
Mensajes: 109
Antigüedad: 6 años, 11 meses
Puntos: 3
Respuesta: Problema con "padding"

Lo siento, pero no puedes trabajar en % y luego intentar dejar 200px de margen derecho. No es lógico, intenta dejar un margen derecho de un % compatible. Asi funcionara en cualquier resolución siempre el mismo trozo.
  #9 (permalink)  
Antiguo 12/01/2011, 10:03
 
Fecha de Ingreso: enero-2011
Mensajes: 4
Antigüedad: 6 años, 11 meses
Puntos: 0
Respuesta: Problema con "padding"

Cita:
Iniciado por odiseus Ver Mensaje
Lo siento, pero no puedes trabajar en % y luego intentar dejar 200px de margen derecho. No es lógico, intenta dejar un margen derecho de un % compatible. Asi funcionara en cualquier resolución siempre el mismo trozo.
Ok odiseus, no sabía que no se pudiera...en fin, muchisimas gracias a todos!
  #10 (permalink)  
Antiguo 15/01/2011, 04:54
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: Problema con "padding"

Hola:

Cita:
Iniciado por odiseus Ver Mensaje
Lo siento, pero no puedes trabajar en % y luego intentar dejar 200px de margen derecho.
¿Quién te dijo eso? ¿Estás seguro? Mira los ejemplos de esta página: http://layouts.ironmyers.com/

Saludos.

  #11 (permalink)  
Antiguo 19/01/2011, 08:30
Avatar de odiseus  
Fecha de Ingreso: enero-2011
Mensajes: 109
Antigüedad: 6 años, 11 meses
Puntos: 3
Respuesta: Problema con "padding"

Cita:
Iniciado por jomaruro Ver Mensaje
Hola:



¿Quién te dijo eso? ¿Estás seguro? Mira los ejemplos de esta página: [url]http://layouts.ironmyers.com/[/url]

Saludos.

Página muy interesante, gracias.

Etiquetas: Ninguno
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 11:05.