CSS3 vs Internet Explorer

  • Onderwerp starter Onderwerp starter leoj
  • Startdatum Startdatum
Status
Niet open voor verdere reacties.
L

leoj

Gebruiker
Lid geworden
16 jan 2008
Berichten
67
Heeft iemand al een truuk verzonnen om bv border-radius te laten werken in IE ?
 
Niet voorzover ik weet. Op deze site staan wel 'n aantal dingen uit css 3, die automatisch worden vertaald naar IE:
http://css3please.com/
Maar border-radius dus niet. Ik heb echter heel groot nieuws over IE 9: Microsoft heeft aangekondigd ook css 3 te gaan ondersteunen. Dat is prachtig, want css 3 heeft honderden leuke nieuwe dingen.
En wat gaat 's werelds grootste softwarebedrijf dan wel niet allemaal ondersteunen in IE 9? Houd je vast, je gelooft 't niet: RONDE HOEKEN! Jawel.
Van alle honderden nieuwe dingen alleen ronde hoeken. Waarmee ze ongeveer, maar nog niet helemaal, op het niveau komen dat een van 's werelds kleinste softwarebedrijven, Opera, zo'n zes jaar geleden had.
't Kan zijn dat er nog dingen bijkomen, maar tot nu toe is er alleen 'n aankondiging voor ronde hoeken. Ze moeten zich toch doodschamen bij Microsoft.
 
Je kan zeggen wat je wilt, maar niet dat Microsoft de werkgelegenheid niet heeft gestimuleerd. :D Je zou eens moeten optellen wat al die extra uren van webmakers, bug-hunters, workaround-uitvinders, IE-hack-specialisten, enz.enz. bij elkaar gekost hebben en nog kosten. Nog afgezien van de gemiste deadlines en de immateriële schade aan stress, uit elkaar gevallen huwelijken en geestelijke volksgezondheid die Internet Explorer op z'n geweten heeft. ;)

Maar voor flexibele ronde hoekjes met ingang van IE6, als je die zoekt, is hier een methode en een speeltuintje. Met css2.1 en kleine image'jes.

Met vriendelijke groet,
CSShunter
 
Ja, dat klopt. Ben persoonlijk nog aan 't afkicken van de kalmerende middelen. En dan vergeet je ook nog al die in woede in de gracht gedonderde computers. Wat weer werkgelegenheid gaf bij de milieudienst.
Serieus (hoewel, ik wás serieus, denk ik). Met plaatjes kan 't natuurlijk wel, maar dat is dus wel veel meer werk en ook veel minder flexibel.
En 't kan ook met JavaScript, schijnt het, maar daar heb ik geen ervaring mee. Als je zoekt op round corners javascript Internet Explorer vind je er nogal wat.
Dat was je vraag niet, maar ik meld 't toch nog maar even voor de zekerheid.
 
Ronde hoekjes ! Test-test-test rapport

Ronde hoekjes met of zonder javascript? Breek m'n lieftallige mondje niet open! :D
Persoonlijk vind ik de javascript-oplossingen ook niet echt handig om even snel te implementeren, en anders zit er vaak een omvangrijk script (of hele scriptbibliotheek) achter. Dat verzwaart de pagina onnodig. Ik houd het maar op css+image, bevalt uitstekend. :)

Op de css-wiki van css-discuss is er een hele pagina met links aan gewijd (wel wat verouderd, en qua ordening niet helemaal je-dat).

Er is echter (heel) veel kaf onder het koren, en verreweg de meeste image+css oplossingen zijn schijnoplossingen die niet waarmaken wat ze pretenderen, en bij nadere beschouwing vies door de mand vallen. :confused:

Uit een serie tests (met screenshots) van alle 21 in de css-wiki genoemde links met image+css blijken er maar een paar (3) echt universeel en flexibel (liquid) te zijn. Ook de javascript-oplossingen staan in het testoverzicht, en de 10 eerste Google-resultaten van eind 2006.
Voor mocht er nog eens een belangstellende langskomen, want de vraag ging over css3 en IE, en ronde hoekjes werden alleen als voorbeeld genoemd. ;)

Met vriendelijke groet,
CSShunter
 
Zo, daar komt even een berg **** uit de mond van beide heren die door mij gedeeld worden. Ook ik vind het te gek voor woorden dat wij heden ten dage zoveel moeite moeten doen voor een paar afgeronde hoeken. De oplossingen met Javascript wordt ik ook niet zo warm van helaas.

Misschien een optie om alle IE gebruikers middels een hack te voorzien van een andere, goedwerkende browser:)

Bedankt heren voor jullie antwoord, en ben ook blij dat ik jullie de mogelijkheid heb gegeven even jullie gal te spuien..........
 
Ja, dat bedacht ik mij ook tijdens het typen, maar dacht "zal wel goed zijn"
Mocht ik iemand te kort gedaan hebben, sorry hiervoor.
 
Ja, 't is in de ICT-wereld soms even wennen dat er ook deskundige dames kunnen zijn die door de kneepjes van het vak dartelen. Nooit meer vanzelfsprekend aannemen dat het alleen heldhaftige heren zijn, hoor! ;)

Mede namens zo ongeveer de helft van de wereldbevolking,
Met vriendelijke groet,
CSShunter (m/v) :D
 
Misschien een optie om alle IE gebruikers middels een hack te voorzien van een andere, goedwerkende browser:)
Klik om te vergroten...
Die is er al: Google heeft 'n plug-in (of zoiets) ontwikkeld, waardoor IE webkit gaat gebruiken (het weergavedeel van Safari en Google Chrome). Als de pagina daarom verzoekt. Maar daar zitten weer allerlei andere nadelen aan. Zo zijn er al beveiligingsproblemen geweest door deze plug-in. En juist onder IE vind je relatief veel gebruikers, die moeite zullen hebben met het installeren van 'n plug-in.

Heren? Dames? Was ik net van m'n identiteitscrisis af, kan ik weer opnieuw beginnen me af te vragen wat ik nou eigenlijk ben.

Toevallig kondigt Microsoft net vandaag officieel IE 9 aan. 't Is niet te geloven wat 'n reclame. Ze beweren css3 en html5 te gaan ondersteunen. Wat ze er niet bij vertellen is dat van css3 dus inderdaad alleen die border-radius ondersteund gaat worden, verder niets. O ja, en wat selectors.
http://samples.msdn.microsoft.com/ietestcenter/
Dat is 'n site met testen. En verrassing, verrassing: IE 9 haalt 100% van de selectors, als enige browser! Wat ze er niet bij vertellen: er zijn tientallen selectors in css 3 en er zijn er door Microsoft 16 getest. En dus halen ze 100%. Van die 16 door hun uitgezochte selectors, niet van álle selectors.
Dat is toch misleiding die gewoon grenst aan ordinaire belazerij. Beweren dat je css3 ondersteunt en dan exact 1 ding daarvan ondersteunen, terwijl er honderden niet worden ondersteund. O, en ik mag niet jokken. Ook opacity wordt eindelijk ondersteund.
Verder gaan ze eindelijk SVG ondersteunen. Maar als dat net zo krakkemikkig is als css 3, stelt 't dus ook niets voor.
Wat ze concreet van html5 gaan ondersteunen is nergens te vinden.
En IE 9 gaat niet draaien op XP. Kun je dus weer 'n nieuwe computer kopen om 't zoveelste wanproduct van Microsoft te kunnen testen. Van Firefox, Safari, Google Chrome en Opera hoef je gewoon maar 1 exemplaar te testen. Van IE straks 4 omdat ze allemaal incompatibel met elkaar zijn.
Tja, 't kwam toevallig zo uit dat ik dit net zag, dus hier maar even neergepoot.
 
Laatst bewerkt:
Van alle vreemde leugenachtige....! gah! 't is een rare, rare tabel. Het kan em niet schelen hoe selectief ze zijn geweest bij het testen van de selectors (hah!) Opera haalt 100% bij de w3c test, die 56% uit de MS tabel is pure fictie.

Voor wie meer wil weten over hoe het echt zit met svg ondersteuning, hier staat een mooi en volledig overzicht. Zoals jullie kunnen zien is de ondersteuning door IE9 verre van volledig, al is het natuurlijk beter dan niets.

Hier staat een betere selector test.
 
Ik heb gedaan zoals er wordt omschreven, maar ik krijg het niet werkend met IE8.
 
Nou, je kan je volgens mij ook de moeite besparen. 't Ziet er niet uit. Dat wil zeggen: 't eindresultaat is prima, maar daarvoor... Maar 't werkt dus wel.
't Voorbeeld uit die nieuwsbrief werkt bij mij in Firefox, Opera 10, Safari en Google Chrome. En 't werkt ook in IE 6, 7 en 8. Maar in alle drie worden eerst de vierkante knoppen getoond, en die worden langzaam (duurt 2-3 seconden) een voor een in ronde knoppen veranderd.
Misschien werkt 't goed op 'n supercomputer, maar die verandering ziet er niet uit. Lijkt wel 'n lachfilm. 't Geeft wel 'n aardige kwaliteitsvergelijking tussen IE en alle andere browsers...
Nou ja, de demo staat hier, kijk zelf maar: http://www.sitepoint.com/examples/css3/buttons.php

Nog 'n kleine aanvulling. Ik zie toevallig in IE 8 dat hoveren wel werkt. Als ik over de 1 hover, verdwijnt de Enter en de 0 springt naar de punt. Hoveren over de 5 is pas echt leuk: alle getallen schuiven twee plaatsen op. Hoveren over de 7: alles schuift 1 plaats op. (Voor meelezers: dit is het toetsenbord van 'n rekenmachine.)
Dit verklaart mogelijk de kredietcrisis: misschien gebruikten die frauduleuze bankiers deze rekenmachine?
Bij IE 6/7 heb ik hoveren niet meer bekeken.
 
Laatst bewerkt:
IE7 is ook leuk. :D
Eerst worden de rechthoekige knoppen getoond, en die worden stuk voor stuk opgerold: uitgegumd tot de witte background. Prachtige witte pagina! Vol verwachting klopt mijn hart: nu zal het zeker gaan gebeuren. Mijn hart klopt nog steeds, en ook nog steeds vol verwachting. Maar het is intussen wel een kwartiertje later, en nog steeds een fraai wit scherm. Ik vrees dat Sinterklaas niet voor november zal komen met zijn IE7 ronde hoekjes... :shocked:

Toen eens javascript uitgezet in IE7. Aha! De knopjes blijven rechthoekig, maar met hoeveren worden ze een kolonie kikkers die alle kanten uitspringen. Exact op dezelfde manier als de hink-stap-sprongen die Goeroeboeroe zo waardeerde in IE8.

Overigens blijkt het htc-geval een verkapt javascript, dus het kan kloppen dat de rechthoekjes wel getoond worden zonder javascript.
En de kikker-sprongen lijken wel heel erg op een verrijzenis van de oude kiekeboe-bug (peekabo), die er na IE6 niet meer in zou zitten. Niet getraceerd, maar er wordt in elk geval flink gefloat tussen de toetsen (met margins dezelfde kant op), en daar is IE altijd tuk op. ;)

Terug naar leoj (het is al eeuwig goed; leonora josephina?). :)
Heb je ergens een pagina staan waar die hoekies op moeten komen? Dan kan eens gekeken worden of/welke alternatieve oplossing bedacht kan worden.

Met vriendelijke groet,
CSShunter
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan