Ver Mensaje Individual
  #3 (permalink)  
Antiguo 28/05/2012, 04:29
eduardobpe
 
Fecha de Ingreso: mayo-2012
Ubicación: La Rioja (España)
Mensajes: 13
Antigüedad: 12 años, 6 meses
Puntos: 0
Respuesta: div sin hueco interno

Cita:
Iniciado por kseso? Ver Mensaje
Hola Eduardo:

En la altura de un elemento de bloque que contiene elementos de línea puede verse afectada nó solo por las propiedades de tamaño, márgenes, paddings...
También por las propiedades relativas al texto. Entre otras por line-height, font-size... etc

Sin olvidar los pilares de Css: cascada y herencia (junto a la especificidad que aquí creo que no aplica).
Si quiere una respuesta más concreta a su caso particular, un enlace a esa página estaría bien.



¿Conoce [URL="http://www.librosweb.es"]www.librosweb.es[/URL] ?
Gracias por tu respuesta @kseso.
Sí conozco [URL="http://www.librosweb.es"]www.librosweb.es[/URL]. De hecho es la documentación que estoy empezando a leer.
Únicamente había hecho este ejemplo por curiosidad, y no lo tengo publicado en internet, sólo en local, así que no puedo pasar ninguna URL.

Todo el código que tendría la página es el que he pegado en mi primer mensaje.

Creo que he dado con la solución, no sé si correcta, pero al menos parece que funciona.
Una es con lo que tu decías: en mi archivo .css he añadido a la clase llamada miContenedor la propiedad line-height:0px;
Código CSS:
Ver original
  1. .miContenedor{
  2.     background-color:#FA6262;
  3.     border:5px solid #000000;
  4.     line-height:0px;
  5. }

En lugar de la anterior, otra solución es, añadir en el archivo css la propiedad display:block; en la clase llamada miImagen, que es la clase CSS que tiene asociada la imagen de samsung:
Código CSS:
Ver original
  1. .miImagen{
  2.     border:1px solid #8DFA62;
  3.     margin: 0px;
  4.     display: block;
  5. }