Blog Informatique

Hacks CSS (IE, Konqueror, Opera…)

Le blog   Une réaction »
A ce point ?PassableIntéressantYeahExcellent! (Votez !)
Loading...

Si vous êtes développeur web vous avez sans doute entendu parlé de souci de compatibilité CSS entre les différents navigateurs du marché.

Pour pallier à cela il existe différents types de hacks CSS, pour différents navigateurs. Un hack CSS permet dans une même feuille de style de donner un style pour un navigateur, et un autre pour un second.

Sachez tout de même que :

  • En théorie il faut éviter d'utiliser des hacks dans les CSS
  • Mais qu'en pratique il devient un casse-tête de s'en passer...

Le problème c'est que certains hacks très utiles ont cessés de fonctionner avec IE7.

Ces hacks permettaient de contourner certains bugs de rendu propres au moteur d'Internet Explhorreur Explorer. Certains de ces bugs n'ont pas été corrigés, et pourtant les hacks qui nous permettaient de les contourner ont été éliminés...

Je vous propose une liste de plus de 20 hack CSS pour que vous trouviez votre bonheur 🙂 (y compris pour IE7)

WebDevout propose également une page très intéressante à propose des hacks CSS (en anglais).

Petit résumé des hacks de sélecteurs CSS utiles :

  • IE 6 et inférieurs
Utiliser * html {}
  • IE 7 et inférieurs
Utiliser *+html, * html {}
  • IE 7 seulement
Utiliser *+html {}
  • IE 7 et navigateurs modernes seulement
Utiliser html>body {}
  • Navigateurs modernes seulement (IE 7 non inclus)
Utiliser html>/**/body {}

Accéder aux hacks CSS

Terre nette expl. horreur

Système   2 réactions »
A ce point ?PassableIntéressantYeahExcellent! (Votez !)
Loading...

Bug : Internet Explorer ne se lève pas toujours de bon pied

Ce matin, j'ai eu le malheur d'ouvrir un lien dans Internet Explorer (à cause de Windows Live Messenger à partir duquel j'ai consulté un email).

Je parlais hier d'Opera, et bien aujourd'hui je constraste le billet 🙂 Quelle ne fut pas ma grande surprise lorsque j'ai voulu fermé IE.

Le plus étonnant dans cette histoire est que ce message d'erreur ne provient pas de Windows Vista (car les "ce programme ne répond plus" on ne les compte plus) mais bien d'Internet Explorer...

Je me suis lancé, j'ai donc "provoqué des problèmes" : cela n'a fait que les résoudre puisqu'en fait ma fenêtre s'est finalement fermée correctement, sans tuer le moteur Internet Explorer (j'avais ouvert une autre fenêtre IE pour voir comment cette "histoire" allait se terminer).

Inutile de préciser que pour obtenir ce genre de situation Windows Vista suffit pour seul ingrédient et vous serait le spectateur d'un coktail... explosif.

Internet Explorer 8 beta ne saurait trop tardé cet été, j'espère en découvrir encore de meilleures. En attendant, comme IE me le demande je vais la fermer.

Testez le rendu et la compatiblité du design de votre site

Développement, Graphisme, Internet   2 réactions »
A ce point ?PassableIntéressantYeahExcellent! (Votez !)
Loading...

But : vérifier que votre site internet s'affiche correctement sous de multiples navigateurs internet et systèmes d'exploitation

Si vous vous êtes déjà lancés dans la création de site internet un tant soit peu respectueux des standards du W3C, vous avez sans aucun doute du à un moment donné faire face à des incompatibilités.

En effet vous avez pu vous rendre compte que tous les navigateurs n'interprètent pas le code (X)HTML de la même façon, c'est en parti du au fait que le moteur d'interprétation graphique diffère selon les navigateurs (ex : Gecko pour Firefox).

Installer plusieurs navigateurs, c'est assez simple 🙂 Mais installer plusieurs systèmes d'exploitation devient nettement plus compliqué ! Ne vous fatiguez plus, je vous propose le site » Lire la suite

Trouvailles Ajax et Cie (Web 2.0)

Internet   Une réaction »
A ce point ?PassableIntéressantYeahExcellent! (1 vote(s), moy. : 5,00 sur 5)
Loading...

En cette nouvelle année 2008, que je vous souhaite très bonne, je vous présente quelques liens à parcourir au grés de votre temps libre de découverte technologique 🙂

Pour ceux qui ne connaitraient pas l'Ajax, consultez cet article Wikipedia.

  • AjaxRain
    Portail très Web 2.0 like, ce site vous propose une base de données conséquente sur les scripts Ajax (prototype...) , Javascript et Dhtml en démo et directement téléchargeable. De quoi vous en mettre plein la vue par l'efficacité et les méthodes utilisées, sans utilisation de la technologie Flash :

    AjaxRain.com

  • MiniAjax
    Dans le même esprit, je vous propose de découvrir » Lire la suite

Comment crasher Internet Explorer 6 (IE 6)

Internet   Une réaction »
A ce point ?PassableIntéressantYeahExcellent! (1 vote(s), moy. : 3,00 sur 5)
Loading...

But : prouver qu'internet explorer n'est pas un bon navigateur

Bug d’IE : crash

Un blogueur japonais nommé Hamachiya2 a découvert qu'il ne faut pas moins d'une ligne de HTML et de CSS pour planter IE 6 » Lire la suite