CONNEXION
  • RetourJeux
    • Sorties
    • Hit Parade
    • Les + populaires
    • Les + attendus
    • Soluces
    • Tous les Jeux
    • Gaming
  • RetourActu Gaming
    • News
    • Astuces
    • Tests
    • Previews
    • Toute l'actu gaming
  • RetourBons plans
    • Bons plans
    • Bons plans Smartphone
    • Bons plans Hardware
    • Bons plans Image et Son
    • Bons plans Amazon
    • Bons plans Cdiscount
    • Bons plans Decathlon
    • Bons plans Fnac
    • Tous les Bons plans
  • RetourJVTech
    • Actus High-Tech
    • Intelligence Artificielle
    • Smartphones
    • Mobilité urbaine
    • Hardware
    • Image et son
    • Tutoriels
    • Tests produits High-Tech
    • Guides d'achat High-Tech
    • JVTech
  • RetourCulture
    • Actus Culture
    • Culture
  • RetourVidéos
    • A la une
    • Gaming Live
    • Vidéos Tests
    • Vidéos Previews
    • Gameplay
    • Trailers
    • Chroniques
    • Replay Web TV
    • Toutes les vidéos
  • RetourForums
    • Hardware PC
    • PS5
    • Switch 2
    • Xbox Series
    • Switch
    • Pokemon pocket
    • FC 25 Ultimate Team
    • League of Legends
    • Tous les Forums
  • PC
  • PS5
  • Xbox Series
  • Switch 2
  • PS4
  • One
  • Switch
  • iOS
  • Android
  • MMO
  • RPG
  • FPS
En ce moment Genshin Impact Valhalla Breath of the wild Animal Crossing GTA 5 Red dead 2
Liste des sujets

[AIDE] Rendu Internet Explorer

Albartros98
Albartros98
Niveau 10
01 juillet 2015 à 11:48:38

Bonjour :-)

Je suis en train de développer un site pour une petite communauté. Je n'ai pas la prétention de recréer facebook ou autre, je voulais juste faire un site qui me plait. Pour se faire j'ai regardé du coté des tendances du moment (flat/material design, card ui, les principaux frameworks css, les dessins sur dribble, les essais sur codepen etc) et j'ai reproduit tout ça sur mon site (et je suis assez satisfait du résultat actuellement :-)).
Actuellement je ne fais que la partie HTML/CSS/JS. Pour le CSS j'utilise Compass comme préprocesseur. Je tente aussi de réduire l'utilisation de JavaScript à son stricte minimum et faire le plus possible en CSS3.

Le rendu : http://www.legipix.net/LegiFlat/index.html
Et aussi : http://www.legipix.net/LegiFlat/news.html
(Je ne me suis pas occupé des autres pages encore)

Tout fonctionne sour Firefox et Chrome mais sous IE rien ne va :snif2:

  • Les animations et transitions ne fonctionnent pas.
  • Les translates et autres transformations ne fonctionnent pas non plus.
  • Le menu utilisateur apparaît quand on clique un peu partout.
  • Les vecteurs SVG cassent les lignes.

Quelqu'un aurait il un fix à me proposer ? Je sais bien que sous IE c'est un cauchemar mais à ce niveau là, le site est juste plus visitable quoi :ouch:

Message édité le 01 juillet 2015 à 11:49:52 par Albartros98
Darkandgel
Darkandgel
Niveau 10
01 juillet 2015 à 12:03:42

Une bannière "Téléchargez un vrai navigateur" ?

Sinon sur http://caniuse.com/ tu verras les proprietes css et html supportées ou non sur les différentes versions des différents navigateurs.

Albartros98
Albartros98
Niveau 10
01 juillet 2015 à 12:11:30

J'ai déjà réfléchi à ça, et sachant que je vais utiliser des technologies javascript récentes (type EventSource, web notification etc) je pensais afficher une bannière dans le cas du non support de ces technologies.
Mais pour le CSS, j'ai utilisé tous les préfixes requis pour les vieux IE mais on dirait que c'est pas prit en compte :(

Darkandgel
Darkandgel
Niveau 10
01 juillet 2015 à 12:12:51

Sinon, avec des media queries, tu peux faire une css dégradée juste pour IE
Tu vires les 3/4 des trucs (transitions, effets un peu sympas et tout), mais au moins ça reste lisible

Albartros98
Albartros98
Niveau 10
01 juillet 2015 à 12:36:12

C'est une alternative en effet. Merci en tout cas :-)

mac-killer
mac-killer
Niveau 10
01 juillet 2015 à 13:17:33

Internet Explorer supporte pas les dernières techno web, enfin pas totalement, par contre spartan oui, le "nouveau" remplaçant d'Internet Explorer sous w10

Guklam
Guklam
Niveau 10
01 juillet 2015 à 13:54:09

merci grafikart. :noel:

Sous forums
  • Aide à l'achat Mac
  • Macintosh
  • Création de Jeux
  • Programmation
  • Création de sites web
  • Linux
  • Internet
  • Steam Deck
  • Hardware
La vidéo du moment