Foros del Web » Creando para Internet » CSS »

combinar padding y height

Estas en el tema de combinar padding y height en el foro de CSS en Foros del Web. Hola gente: Soy principiante en css, en un div asigno una imagen para el fondo la cual mide 1x100 px. Código PHP: background :   url ...
  #1 (permalink)  
Antiguo 21/05/2010, 15:14
 
Fecha de Ingreso: junio-2008
Ubicación: Capital Federal xD
Mensajes: 1.208
Antigüedad: 9 años, 5 meses
Puntos: 35
combinar padding y height

Hola gente:
Soy principiante en css, en un div asigno una imagen para el fondo la cual mide 1x100 px.
Código PHP:
background:  url(../images/footer_gradient.jpg);
height:100px;
padding:10px
1. tuve que usar heigth para que el div tenga la altura de la imagen, que es lo que yo deseo, pero ¿existe otra propiedad mas adecuada para ello?

2. a su vez quise que el contenido esté separado de los bordes del div, para lo que usé padding:10px, pero me agrandó la altura del div prueba de ello aparece de nuevo la imagen en el espacio agregado, al fondo del div

Gracias!!
__________________
I am Doyle please insert code.
  #2 (permalink)  
Antiguo 21/05/2010, 15:27
Avatar de alexk
Colaborador
 
Fecha de Ingreso: julio-2009
Ubicación: De vuelta al trono
Mensajes: 1.697
Antigüedad: 8 años, 5 meses
Puntos: 137
Respuesta: combinar padding y height

es que tu div ahora tiene height:120px; ya que se suma el padding tanto el top como el bottom
height:100px; + padding-top:10px; + padding-bottom:10px; = height:120px;
necesitas ver Modelo de cajas. para saber mas del tema
  #3 (permalink)  
Antiguo 21/05/2010, 15:29
 
Fecha de Ingreso: junio-2008
Ubicación: Capital Federal xD
Mensajes: 1.208
Antigüedad: 9 años, 5 meses
Puntos: 35
Respuesta: combinar padding y height

mmmmm, bueno posteo el código
Código PHP:
<div id="footer">
            
This site is proudly using Symfony 1.3
      
</div
Código PHP:
#footer {
    
background:  url(../images/footer_gradient.jpg);
    
padding:10px;
    
height:100px;

y como podria lograr lo del punto 1 y 2...
Gracias.
__________________
I am Doyle please insert code.
  #4 (permalink)  
Antiguo 21/05/2010, 15:33
Avatar de alexk
Colaborador
 
Fecha de Ingreso: julio-2009
Ubicación: De vuelta al trono
Mensajes: 1.697
Antigüedad: 8 años, 5 meses
Puntos: 137
Respuesta: combinar padding y height

¬¬
height:80px;
  #5 (permalink)  
Antiguo 21/05/2010, 15:39
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
Respuesta: combinar padding y height

hola, lee de nuevo el enlace que puso alexk sobre el modelo de cajas.

Básicamente es así:
altura total interna (hasta aquí va el fondo) = padding top + height + padding bottom
altura total externa = margin top + border top + altura total interna + border bottom + margin bottom
__________________
Pasamos tus PSD a HTML

Pobre del que lo sabe todo, porque no tiene nada más que aprender ni razón para vivir. -

Etiquetas: combinar, height, padding
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 13:35.