Transparens i PNG-bilder funkar inte i IE.
/ m a r t i n
------------------
martin.iconmedialab.se
martin@iconmedialab.se
HTML & CSSur HTML, XHTML & CSS
20 svar · 443 visningar · startad av Chainsaw
Har problem med det som alldeles strax ska ersätta min gamla sida. Mozilla renderar naturligtvis allt perfekt, medans IE uppför sig mycket underligt när den utsätts för min sida. Några tips på vad som är fel och hur jag löser det på ett standard-kompatibelt sätt? http://www.czw.f2s.com/test/hi/
------------------
Överraska din chef: kom till jobbet i tid idag.
Transparens i PNG-bilder funkar inte i IE.
/ m a r t i n
------------------
martin.iconmedialab.se
martin@iconmedialab.se
Det känner jag mycket väl till, och ska försöka hitta en snygg lösning till det. Vad jag är oroad över är den primitiva CSS-hanteringen. Exempelvis så ska lagret för navigering ligga ovanpå bilden och ha vita länkar, och mailadressen ska ha en blå länk. Lustigt nog syns inte navigeringen, och den har totalt missat att blått != vitt.
------------------
Överraska din chef: kom till jobbet i tid idag.
Så IE stödjer inte fixed position? Jaja, det kan jag fixa.
Det andra är en definition av A-element inom #navigation. Alla länkar för navigation ska vara vita, inget utanför.
------------------
Överraska din chef: kom till jobbet i tid idag.
Mer fel: det verkar som om IE inte stödjer @media särskilt väl. Finns det något smart sätt att gå runt detta?
------------------
Överraska din chef: kom till jobbet i tid idag.
Ska inte a-taggar för navigation deklareras som
A.navigation {color:blue... ;}
#navigation < A har inte jag sett förut iaf... det blir samma resultat dock:
<A class="navigation"...></A>
Och media har jag inte provat så mycket ännu men det finns inte så många olika sätt att använda det i IE
@media [screen|print|all] {style} typ:
@media print {
BODY {font: normal 8px black;}
}
------------------
Good news is just life's way of keeping you off balance
[Redigerat av Engine^ den 20 jun 2001]
Själva vitsen med "#navigation > A" är att du inte behöver ange att taggarna är av klassen navigation, läsaren håller reda på det automagiskt. Så fort den stöter på en länk inom ett objekt med ID:t "navigation" så blir länkarna formaterade på ett visst sätt. Det exemplet du nämner ger alltså samma resultat, men med annan kod.
------------------
Överraska din chef: kom till jobbet i tid idag.
Exempelvis så ska lagret för navigering ligga ovanpå bilden
Det gör den inte på min NS6, fast den syns igenom bilden
Testa med z-index
/ m a r t i n
------------------
martin.iconmedialab.se
martin@iconmedialab.se
Hmm... Underligt. Bilden är definierad före navigationen. Fungerar utmärkt med Mozilla 0.9.1 som jag använder för referens. Vilken NS6 kör du?
[redigerat: chainsaw kan inte stava]
------------------
Överraska din chef: kom till jobbet i tid idag.
[Redigerat av Chainsaw den 20 jun 2001]
Borde inte #navigation > A kunna bytas ut mot bara #navigation A, dvs "länkar i elementet navigation"? Funkade f.ö. bra i Opera.
------------------
These are the cries of the carrots, the cries of the carrots! You see, Reverend Maynard, tomorrow is harvest day and to them it is the holocaust.
Vilken NS6 kör du?
Så här ser den ut:
Mozilla/5.0 (Windows; U; Windows NT 5.0; en-US; m18) Gecko/20001108 Netscape6/6.0
/ m a r t i n
------------------
martin.iconmedialab.se
martin@iconmedialab.se
Aj. Det var en gammal version, du. Version 0.6 av Mozilla, för att vara exakt.
------------------
Överraska din chef: kom till jobbet i tid idag.
Tycker du ska ha en stor eloge, Chainsaw, som verkar lägga ner en massa tid för att få navigeringen att funka både i Mozilla ocn IE....
/T
------------------
WRITE_PORT_ULONG(devExt->Mymessage,SMART_WRITE_ACK);
kan det vara så att IE inte fattar vad du menar när du skriver #navigation > A
Borde det inte vara så som "spango" skriver?
Har aldrig sett någon använda högerpil(> ) i css(men vad vet jag?)
Kollade lite här: http://www.blooberry.com/indexdot/css/syntax/selectors/spechtml.htm
Du får kolla om det kan få det att "klarna" lite.
/frankof
------------------
Jag ilar genom allt jag gör för att få göra något annat.
*ahem* http://www.w3.org/TR/REC-CSS2/selector.html#child-selectors
Det står klart och tydligt i standarden hur en läsare ska uppföra sig. Även position: fixed; finns med, och får (för er som undrar) lagret att ligga stilla hur mycket man än scrollar ett dokument i höjd- och sidled.
Så... Ska jag verkligen stödja en antik läsare som IE, eller ska jag hänvisa till http://www.czw.f2s.com/test/lo/ som har samma innehåll men aningen primitivare utseende?
------------------
Överraska din chef: kom till jobbet i tid idag.
tack, nu "klarnade" det för mig åtminstonde :)
Du har ju alltid förespråkat "föjl standard, annars sug", men just när det rör sig om en meny så vore det nog dumt att stänga ut IE.
Fast det är klart: kan man "njuta av" :p samma text på den "primitiva" sidan gör det nog inget(vi med IE är inte så upptagna av utseendet,"Content is king!!" :e )
/frankof
------------------
Jag ilar genom allt jag gör för att få göra något annat.
Eftersom det är viktigare att navigeringen syns, än att följa en standard, så tycker jag att du ska visa navigeringsrutan på något annat sätt, eller med en annan metod, så det inte strular så här...
(om det nu inte är ett konstruerat exempel för att klanka på IE? :-) )
/T
------------------
WRITE_PORT_ULONG(devExt->Mymessage,SMART_WRITE_ACK);
Sidan är egentligen bara ett test för att se hur olika läsare reagerar när de faktiskt matas med 100% korrekt kod. Jag funderar på att behålla sidan som den är nu, men med lite små ändringar, och hänvisa alla till lotech-versionen om de inte kan använda hitech-versionen. På så sätt uppnår jag mitt egentliga syfte: informationsspridning.
------------------
Överraska din chef: kom till jobbet i tid idag.
Första gången jag sett nån som haft problem med IE, alla brukar ju klaga netscape hela tiden.
------------------
Programming today is a race between software engineers striving to build bigger and better idiot-proof programs, and the Universe trying to produce bigger and better idiots.
So far, the Universe is winning.