Alçada d'un contenidor amb imatge

[Bernat Lleonart]

Hola,

Tinc el següent html:

<div id="logo">
<img src="../media/comu/logo_grib.gif" alt="" width="204" height="117"/>
</div>

i en el CSS:

#logo {
width: 204px;
background: red;
}

El contenidor no s'adapta a l'alçada de la imatge, sinó que és uns 3
pixels més alt, de manera que es veu el fons vermell per sóta de la
imatge. És com si la imatge tingués un margin-bottom, o com si el
contenidor tingués un padding-bottom, però ni margin ni padding no
estan especificats enlloc.

És normal aquest comportament? Pensava que el contenidor s'adaptava a
l'alçada del contingut. Si especifico una alçada al contenidor (117px)
ja es veu correctament, però les circumstàncies m'impedeixen posar
alçada.

[Bernat Lleonart]

Ja he trobat la solució: cal posar "line-height: 0" al contenidor.
Entenc que el navegador posa un line-height per defecte a tots els
elements.

On 29 Maig, 13:55, "Bernat Lleonart" <bernat.lleon...@gmail.com>
wrote: