Har problem att få till mina bilder så det ser bra ut i både Firefox och IE. Som bekant funkar inte transparenta bilder i IE standard utan man får kringgå det med deras filter:
Detta gör dock så att det inte funkar i Firefox.
Ska man behöva avgöra vilken browser som används och sedan köra olika kod beroende på vilken browser lr vad är tanken, och isåfall vad finns det för kommando för att ta redo på det? (javascript)
Dessutom märkte jag att IE gör saker annorlunda än FF på fler sätt som gör det mycket krångligt, har skrivit ett javascript som förstorar/förminskar en <img> (vid mouseOver och mouseOut) som ligger inne i en <div> som har höjd och bredd satt till ett värde som min <img> aldrig kommer upp till. D.v.s:
Min <div> funkar som en container med height=30px, width=150px och min <img> ligger i den diven med height max 23px och width max 120px men ändå "flyttar" diven undan den närliggande diven när min <img> växer vilket den inte bör göra och inte heller gör i FF, bara i IE. (divarna ligger horizontellt bredvid varandra med 15px mellanrum)
Problemet är ju inte att få det att fungera i IE, jag har fått det att fungera där. Problemet är snarare att få det att fungera i BÅDE IE och FF. Om man använder sig av metoden du beskriver ovan så fungerar det endast i IE. I FF så försvinner bilden helt enkelt. Och om man använder sig av vanlig <img ... /> så funkar det i FF men inte i IE.
Så jag skulle snarare behöva nåt i stil med:
Vilket känns grymt drygt att göra på alla bilder. Om det finns nåt annat sätt som funkar generellt vore det ännu bättre.
Det jag försöker få att fungera i IE är följande rad:
Där min DIV endast är en box där jag stoppar in en bild, och den bilden ändrar storlek när man för musen över och bort från den (bildens storlek överskrider aldrig "boxens") och här är det då 2 problem. Först och främst problemet med transparancy som måste fixas och sedan även problemet att hela "boxen" ändrar storlek när bilden ändrar storlek i IE vilket är lite mystiskt. Skickar ju som synes in "this" till javascriptet vilket då är min <img>. Och i javascriptet ändrar jag helt enkelt bara height och width på "this".
Inte läst artikeln själv, men du kan ju läsa den om du har tid och se om den är till någon nytta.
Helt underbart! Kanon-tutorial, förklarade precis allt som jag behövde =)
Härlig sida det här btw, kul att det finns hjälp att få när man kör fast!
Tack så mycket för era svar!
