Aller au menu - Aller au contenu

[Plan du site] Vous êtes ici --- > Le Site du Zéro > Les tutoriels > Non-Officiels > Site Web > XHTML / CSS > Les hacks CSS pour Internet Explorer > Lecture des commentaires

Les hacks CSS pour Internet Explorer

Vous devez être inscrit pour pouvoir poster des messages

Page : 1  2  Suivante
Pseudo Commentaire
Page : 1  2  Suivante
Hors ligne Mustang80 # Posté le 21/03/2006 à 22:45:12 - Ce membre a mis la note : 19
tontétatilotétatoux?
Avatar
Groupe : Membres
Trés bon tuto! Simple, trééééés efficace et !important *sort*

19/20 :)

Image utilisateur
 
Hors ligne Mustang80 # Posté le 21/03/2006 à 22:45:42 - Ce membre a mis la note : 19
tontétatilotétatoux?
Avatar
Groupe : Membres
Oups j'ai oublié de mettre la note >_<

Image utilisateur
 
Hors ligne Ender # Posté le 22/03/2006 à 07:00:00 - Ce membre a mis la note : 18
Groupe : Membres
Trés bon tuto sur un sujet difficile.

Personnellement j'utilise plutot la deuxième solution qui me parait plus "propre".
Par contre je rencontre parfois des soucis avec Opera qui sur certain aspects fonctionnent comme IE, existe-t-il des hacks spécialisés Opera ?

merci.
Hors ligne darkagonik # Posté le 22/03/2006 à 12:11:40 - Ce membre n'a pas mis de note
pas mal FreeBSD :)
Avatar
Groupe : Membres
Ender >
Non, à ma connaissance, il n'existe pas de hack seulement pour Opera.
Par contre, je n'en ai pas parlé dans le tuto (car ce n'est pas du XHTML/CSS), il y a moyen grâce à un langage qui s'exécute côté serveur (PHP par exemple) de connaitre précisément le navigateur du client, et donc il est possible d'exécuter du code seulement pour Opera.

Voici comment faire en PHP :
Code : PHP

<?php
if(eregi('opera', $HTTP_USER_AGENT){
  /* Code exécuté seulement pour Opera */
}
?>
Hors ligne Feu88 # Posté le 22/03/2006 à 13:23:19 - Ce membre a mis la note : 20
Feu88
Avatar
Groupe : Membres
Vraiment tres bon tuto!Il est simple et est tres instructif!
20/20
 
Hors ligne moejul # Posté le 22/03/2006 à 15:23:45 - Ce membre a mis la note : 18
Voici Zozette
Avatar
Groupe : Membres
Une autre astuce est la suivante :
Lorsqu'on a un float: left; dans une même div qu'un margin-left:...; ou un float: right; dans une même div qu'un margin-right; internet explorer double le margin.

Pour éviter ce problème, ajouter un display: inline;

Exemple :
Code : CSS

#div {
width: 80px;
height: 20px;
margin-left: 50px;
float: left;
}

Ici, IE double le margin, ajoutons un display: inline;

Code : CSS

#div {
width: 80px;
height: 20px;
margin-left: 50px;
float: left;
display: inline;
}
 
Hors ligne darkagonik # Posté le 22/03/2006 à 15:30:51 - Ce membre n'a pas mis de note
pas mal FreeBSD :)
Avatar
Groupe : Membres
moejul >
Effectivement, IE gère différemment les dimensions des boites.
Un truc plus simple, pour tous les cas (à placer tout en haut du CSS) :
Code : CSS

* { margin: 0; padding: 0;}
Hors ligne NoaX # Posté le 24/03/2006 à 15:41:18 - Ce membre a mis la note : 20
Avatar
Groupe : Membres
20/20


Ce tuto est excelent, vraiment clair, est super vraiment très pratique !! Fini les galères pour les problèmes de compatibilitées de design, là, BRAVO !! :-° :D
Hors ligne blind # Posté le 26/03/2006 à 15:11:14 - Ce membre a mis la note : 19
Groupe : Membres
o_O oula, j'ai rien compris au tableau a la fin ...
(J'ai pas cherché a comprendre non plus :p)

Sinon très bon tuto sur des balises très utiles !
je met 19 ;)
Hors ligne nakata # Posté le 03/04/2006 à 22:35:43 - Ce membre a mis la note : 20
En rut -_-
Avatar
Groupe : Membres
Excellent out simplement, ça mériterait presque d'être en annexe du big-tuto site web ;) .
Secret (cliquez pour afficher)
20/20 :waw:

Citation : Moi-même
Clap-Clap et chapeaux bas...

Freeciv Forever ^^
Image utilisateur
 
Hors ligne Deeder # Posté le 05/04/2006 à 16:08:18 - Ce membre a mis la note : 12
Libriste et standardiste...
Avatar
Groupe : Membres
Les hacks ça peut être pratique, à condition qu'on ne puisse pas faire autrement !

Ils ne faut pas en abuser car ils ont eux aussi leurs inconvéniants. Sachez que l'on peut remédier quasiment à tous sans hack, il suffit d'avoir la patience de chercher le problème et sa solutions associée. :)

Image utilisateur
 
Hors ligne MisterJ # Posté le 08/04/2006 à 19:18:56 - Ce membre a mis la note : 20
H4MM3R 43V3R
Avatar
Groupe : Membres
Tu viens de m'apprendre quelque chose qui me sera très utile et que je ne connaissais pas avant. 20/20
 
Hors ligne Yauris # Posté le 14/04/2006 à 12:15:03 - Ce membre a mis la note : 19
Groupe : Membres
sa m'a vraiment aidé, merci beaucoup: 19/20

95 Invitations GMail => MP moi si interresser ou envoyez un mail ici
Quand tu dors tu te reposes...
L'école c'est constipant, heureusement que les profs sont la pour nous faire chier :)
 
Hors ligne The Only One # Posté le 16/04/2006 à 10:02:36 - Ce membre a mis la note : 20
&quot; &quot;
Avatar
Groupe : Membres
Très utile... je risque de m'en servir pour mon prochain site. Merci !
20/20
 
Hors ligne TheDoci # Posté le 18/04/2006 à 22:01:25 - Ce membre a mis la note : 19
Avatar
Groupe : Membres
Super tuto qui permet de s'adapter à ce #&!/@ d'internet explorer. :D

19/20 :)
Hors ligne NeOtaku # Posté le 19/04/2006 à 23:04:24 - Ce membre a mis la note : 20
Tu n'es pas Chuck Norris !
Avatar
Groupe : Membres
20/20

Franchement, tu viens de me reveler quelquechose d'une importance capitale pour moi ! Tu peux meme pas imaginer, j'en pleurais presque quand je me suis rendu compte que ca marchait !!! C'est le coup du <!--[if IE]-->

J'avais toute sorte de probleme a cause de IE et maintenant je les ai plus !!! Sur le forum on avait reperer les bug mais je comprenais pas toujours comment les regler (le coup du 3px jog entre autre :) )

Voila, maintenant mon site vu de IE et une copie conforme a celle vue de Firefox !

Merci beaucoubo :p

Image utilisateur Märchen Awaken Romance, un chef d'oeuvre !
 
En ligne Thunderseb # Posté le 20/04/2006 à 18:41:55 - Ce membre n'a pas mis de note
Trolleur en chef !
Avatar
Validateurs
Au fait, Il existe des hacks pour tous les navigateurs ! http://centricle.com/ref/css/filters/

Et comme l'a dit Deeder, les hacks sont à proscrire, sauf les !important et les instructions conditionnelles (mais ce ne sont pas des hacks).
 
Hors ligne theo7 # Posté le 28/04/2006 à 13:08:53 - Ce membre a mis la note : 20
Votre citation est trop longue
Avatar
Groupe : Bannis
Tres bon tuto, merci :)

20/20 :D

Tu postes pour une parse error -> Ne poste pas et relis ton code.
Recherche avant de poster -------> Documentation PHP
Ecriture SMS ---------------------------> Interdite ici !
Ton problème est résolut ---------> Clic sur le bouton Image utilisateur résolu !

 
Hors ligne yöm # Posté le 01/05/2006 à 10:41:04 - Ce membre n'a pas mis de note
Ich bin intégriste !
Avatar
Groupe : Membres
Thunderseb était plus précis.

La Scaña del Domingo [fla] c'est vraiment de la balle.
Prennez un banjo rock'n'roll, une batterie keupon, une basse qui slap et qui tâche et cuivres cuivrés. Absolutely fantastique.
 
Hors ligne zerro # Posté le 13/06/2006 à 00:37:07 - Ce membre a mis la note : 18
$ 10.000 $
Avatar
Groupe : Membres
Le commentaire avec feuille de style en cascade - Très bon pour ceux qui ne veulent pas bidouiller de trop, et qui ne rends pas le code pour autant illisible - Avec une feuille de style temporaire mise à part pour IE [Le temps qu'il soit à jour !]

18

- D'un Z qui veut dire Zerro -
 
Hors ligne JoJoNeiL # Posté le 14/06/2006 à 10:46:54 - Ce membre a mis la note : 19
Avatar
Groupe : Membres
Franchement, c'est un tuto super utile ! GG
Secret (cliquez pour afficher)
19/20

L'intelligence c'est comme un parachute, quand on en a pas on s'écrase ...

Image utilisateur Image utilisateur


Mes tutos :


>>> Imprimer uniquement le contenu d'une page
>>> Rendre votre site plus accessible
 
Hors ligne Nihio # Posté le 20/06/2006 à 00:23:24 - Ce membre n'a pas mis de note
Toujours plus!
Avatar
Groupe : Membres
20 / 20

Je dis bravo, ca résoud tous mes problèmes, merci énormément :)

Image utilisateur
 
Hors ligne itachi # Posté le 24/06/2006 à 23:54:10 - Ce membre n'a pas mis de note
Avatar
Groupe : Membres
salut

C'est vraiement un excellent tuto 19/20
Par contre j'ai pas trop compris le coup du cas particulier.
Ca veut dire que si on met un !important devant une propriété css qui est une valeur par defaut ca sera pas pris en compte dans les navigateur comme firefox et donc ca aura le meme effet que pour internet explorer c'est ca???

@+
Hors ligne darkagonik # Posté le 25/06/2006 à 17:21:45 - Ce membre n'a pas mis de note
pas mal FreeBSD :)
Avatar
Groupe : Membres
itachi >
Non, mais c'est pas grave si tu n'as pas compris...
Imagines que tu as un div de fond vert :
Code : CSS
div.nom {background-color: green;}

Et imagines que ce div ne se positionne pas correctement sur IE pour une raison quelconque, et que la solution serait un "float: left" mais juste pour IE.
Il faudrait alors écrire :
Code : CSS
div.nom {
background-color: green;
float: none !;
float: left;
}

Voilà, le cas particulier est que tu as du écrire "float:none !". La valeur none est la valeur par défaut pour la propriété float. Si tu ne connais pas la valeur par défaut, tu peux contourner ce cas particulier avec une des 2 autres techniques que je décris. Voici pour le hack "* html" :
Code : CSS
div.nom { background-color: green }
* html div.nom { float: left }
Hors ligne Janeo # Posté le 13/07/2006 à 12:57:34 - Ce membre n'a pas mis de note
Groupe : Membres
Super mais les hacks c'est pas le mieux
Hors ligne Eraz0r # Posté le 21/07/2006 à 16:07:09 - Ce membre a mis la note : 17
Ultimate Spider-Fan
Avatar
Groupe : Membres
Excellent! Merci beaucoup c'est très utile !
17/20
 
Hors ligne chione # Posté le 31/07/2006 à 11:20:16 - Ce membre a mis la note : 20
Avatar
Groupe : Membres
J'aime bien, j'ai enfin pu résoudre un problème que j'avais depuis des mois: il y'avait une difference de 1px sur une des marge; j'avais mis une journée à le faire descendre à un pixel et j'avais décidé que ça ne se voyait pas donc j'ai laissé, mais là j'ai pu le résoudre du coup avec un petit !important. Pour les autres differences j'avais tout pu corriger à force de preceverence.

Le tout est souvent de connaitre les valeurs par défaut d'IE et de firefox et de ne surtout pas les laisser en valeur par défaut et donc de tout définir par défaut à 0 dés le début. Puis de mettre les valeurs que l'on veut. Mais dans des cas très rares, soit par manque de temps (je travail pour une société publique et donc mon temps c'est votre argent ^^ ) soit par un mistère microsoftien, on arrive pas à corriger l'erreur.

Merci pour ce tuto en tout cas :)

20/20 car il répond simplement à un problème qui reviens tout le temps.
 
Hors ligne Torajio Bangani # Posté le 27/11/2006 à 18:42:30 - Ce membre a mis la note : 20
La Main pense, puis Elle agit.
Avatar
Groupe : Membres
20/20
Maintenant, va falloir ajouter les techniques pour IE7 :p
J'ai trouvé *+html, mais j'ai quelques doutes sur le fait qu'il fonctionne ou non o_O

Si quelqu'un arrive à le faire fonctionner, prévenez-moi STP ^^

Pour toute proposition de projet,
la réponse est non.
A Creative World. - Be creative to be different.
Torajio n'est pas un Mogwaï.
 
Hors ligne Tux1 # Posté le 03/12/2006 à 09:11:21 - Ce membre a mis la note : 5
C# Lover ...
Avatar
Groupe : Membres
Pas bon répond pas au sujet
5/20

Désolé ;)
Hors ligne Lonesome Boy # Posté le 17/01/2007 à 23:18:39 - Ce membre n'a pas mis de note
Groupe : Membres
Excellent tutoriel, mais il y a une erreur: vous dites à propos de la règle !important que "tous les autres navigateurs modernes comprennent cette règle". Or Safari ne la comprends pas (alors qu'il passe le test Acid2 :euh: )…

On ne vous le dira jamais assez mais encore merci pour votre site!

Vous devez être inscrit pour pouvoir poster des messages

Changer de design | En savoir plus | Plan du site | Politique d'accessibilité | Règles | RSS tutoriels | RSS news
Édité par Simple IT SARL : Nous contacter | Notre blog | Revue de presse | Publicité

Y'a plus rien à lire, faut remonter maintenant !

Hébergement web - Correction de tutoriels - Créer un site
Vous souhaitez apparaître ici ? Contactez-nous.

Nombre de connectés 434 Zéros connectés | Requêtes SQL 8 requêtes | Temps de génération de la page : Total (SQL) 0.0738s (0.0188s)