Citat:
Originally posted by Syke@Feb 13 2009, 21:34
Kan inte riktigt förklara varför IE gör så. Men det är pga att bilder är inline-element, och internet explorer lägger av någon outgrundlig anledning till ett mellanrum under den raden som innehåller inline-elementet.
|
Anledningen är inte så outgrundlig som man kan tro.
Det är helt enkelt så att IE "alignar" bilden till baslinjen på texten, dvs det görs plats för g,j,p,q,y osv. (Texten är ju i detta fall obefintlig, men som jag förstår det så tycker Explorer ofta om att skapa textnoder av blanksteg.)
En annan lösning utöver display:block är således att bottenjustera bilden:
Kod:
img { vertical-align: bottom; }
Kan inte säkert säga om det stämmer, men jag misstänker att problemet inte skulle uppstå om man tog bort alla blanksteg/radbryt mellan taggarna i den div som innehåller r_shadow.jpg...?