HTML IE

HTML IE - HTML/CSS - Programmation

Marsh Posté le 23-07-2006 à 12:42:07    

SAlut, j'ai réalisé un site en le testant sous firefox. Tous fonctionne nikel (enfin ce qui est fini fonctionne). Cependant des que je vais sous IE , c'est la catastrophe..... allez voir vous ne serrez pas dessus lol www.forzaitalia.ath.cx  
 
Les images  "png" ne gerent plus la transparence, les positions sont toutes faussées alors qu'elles sont en "em", le javascript m'annonce des erreurs, etc....  
 
Comment palier ce probleme, si vous pouviez m'aider :)

Reply

Marsh Posté le 23-07-2006 à 12:42:07   

Reply

Marsh Posté le 23-07-2006 à 13:20:56    

Commence par vérifier si ton code est valide (http://validator.w3.org/).
La transparence des PNG c'est un probleme connu du IE

Reply

Marsh Posté le 23-07-2006 à 14:23:29    

Oui j'ai fait la validation css et html
et tous est bon, j'ai mie les logos sur mon site

Reply

Marsh Posté le 23-07-2006 à 14:31:51    

Splinter_7 a écrit :

Oui j'ai fait la validation css et html
et tous est bon, j'ai mie les logos sur mon site


 
html:    Failed validation, 7 errors  
css : 1erreur et une 20aine de warnings
:sarcastic:

Reply

Marsh Posté le 23-07-2006 à 14:57:56    

Qu'elle est le probleme lorsque je passe mes parametre dans mon url?

Reply

Marsh Posté le 24-07-2006 à 10:21:22    

Bigon a écrit :

Commence par vérifier si ton code est valide (http://validator.w3.org/).
La transparence des PNG c'est un probleme connu du IE


 
En même temps ce n'est pas en vérifiant la validité de son site qu'il gardera la mise en page entre FF et IE  :sarcastic:  
 
Tu as plusieurs solutions pour éviter d'avoir trop de différence entre les deus navigateurs. La plus "simple" consiste à utiliser des gif, dont la transparence est géré sous IE et FF, et puis utiliser un hack c'est à dire rajouter dans ton code CSS des lignes qui ne seront interprétées que par FF ou par IE... pour ça de nombreux site en parle, je te conseils d'aller y jeter un oeil ;)

Reply

Marsh Posté le 24-07-2006 à 10:26:34    

http://magicsite.manga-torii.com
 
=> qq1 peut tester avec IE6 ? (j'ai que IE7) car moi j'ai à priori pas eu besoin de hacks pour faire le même rendu entre IE et FF (j'ai juste un décallage avec FF au niveau du H1, mais il n'est pas gênant du tout)

Reply

Marsh Posté le 24-07-2006 à 10:41:33    

entre FF et IE6, il y a un monde !
ton menu n'est pas bien affiché accueil/aide etc.. (normal, pa bien géré par IE)
 
IE7 corrige beaucoup de ces "bugs" d'affichage... donc il est normal d'avoir moins de différences

Reply

Marsh Posté le 24-07-2006 à 10:44:40    

testé arjuna ca foire completement  
ie6 ne comprend pas les operateurs d enfant >
un espace rend cette relation implicite
ul li <=> ul>li

Reply

Marsh Posté le 24-07-2006 à 11:25:56    

groumpf.
 
sinon, non, si je met "ul li" (bon, dans ce cas, ok) ça foire car il applique dans les cas où j'ai un niveau intermédiaire.
 
genre, j'ai un div qui contient un span
mais aussi un div qui contient un p qui contient un span
 
div>span va s'appliquer qu'au premier
mais div span va s'appliquer aux deux et ça fout la merde :/

Reply

Marsh Posté le 24-07-2006 à 11:25:56   

Reply

Marsh Posté le 24-07-2006 à 11:27:22    

faudra que je regarde ça à tête reposée chez moi quoi... de toute façon, là j'ai pas e IE6 sous la main :D

Reply

Marsh Posté le 24-07-2006 à 11:30:44    

bah div p span :/

Reply

Marsh Posté le 24-07-2006 à 11:30:48    

ben c'est à dire que tu risque pour IE d'avoir le même code CSS pour ul il et pour ul>il.
 
Donc si tu peux, tu mets le code le moin génant au niveau de l'affichage en second, ainsi c'est celui ci qui sera pris en compte par IE...
 
tu peux sinon utiliser des hacks pour cacher cette partie à IE6 vu que IE 7 semble gérer mieux les relations

Reply

Marsh Posté le 24-07-2006 à 11:33:48    

mIRROR a écrit :

bah div p span :/


ouais nan mais c'était un exemple ;)
 
Regarde ce block :


        <div id="identification">
          <div>
            <div>
              <label for="login">login:</label>
              <input type="text" name="chp:user_nickname" id="login" />
            </div>
            <div>
              <label for="password">pass:</label>
              <input type="password" name="chp:user_password" id="password" />
            </div>
            <div>
               
            </div>
          </div>
          <div>
            <input type="submit" value="S'identifier" class="btnLogin" />
          </div>
        </div>


 
Bah en CSS j'ai :
 


#identification
{
    float: right;
 display: block;
 width: 29%;
}
 
#identification>div
{
 width: 48%;
 float: left;
 text-align: center;
}
 
#identification>div>div
{
 clear: both;
}
 
#identification>div>div>label
{
 width: 45%;
 float: left;
}
 
#identification>div>div>input
{
 float: right;
 width: 45%;
}
 
#identification>div>input
{
 float: right;
 width: 100%;
}


 
Bah y'a pas à tortiller : si je vire les ">" je fout tout par terre encore pire que maintenant :sweat:
 
-- Edit : J'aurais pas dû montrer ce bout là, c'est moche comme tout, vais encore me faire engueuler :D --


Message édité par Arjuna le 24-07-2006 à 11:36:05
Reply

Marsh Posté le 24-07-2006 à 19:20:40    

Bon à ce que je vois je ne suis pa le seul a avoir des soucis à ce niveau la ...

Reply

Marsh Posté le 25-07-2006 à 11:46:50    

Je te conseille de vérifier le site au moins sous Firefox et MSIE, ce à chaque étape de dév. de ton site ... sinon tu risques de te retrouver avec un imbroglio inextriquable en lancant le site sur MSIE seulement une fois le dév. terminé sous FFx, il faudra limite tout recommencer :o

Reply

Marsh Posté le 25-07-2006 à 17:23:52    

Niboubi a écrit :

Je te conseille de vérifier le site au moins sous Firefox et MSIE, ce à chaque étape de dév. de ton site ... sinon tu risques de te retrouver avec un imbroglio inextriquable en lancant le site sur MSIE seulement une fois le dév. terminé sous FFx, il faudra limite tout recommencer :o


 
+1 :)
 
Perso, j'utilise l'unité px pour les distances absolues, j'ai bcp moins de pb entre ie et ff. Une feuille de style dois rester à au moins 95% générique sinon c'est le foutoir :/


---------------
Marre de perdre du temps à chercher vos sous titres ? | HFR4droid
Reply

Marsh Posté le 25-07-2006 à 17:25:14    

ToYonos a écrit :

+1 :)
 
Perso, j'utilise l'unité px pour les distances absolues, j'ai bcp moins de pb entre ie et ff. Une feuille de style dois rester à au moins 95% générique sinon c'est le foutoir :/


"em" sinon rien :o
 
à la grande limite, pt... et % pour les cadres principaux... mais px :o

Reply

Marsh Posté le 26-07-2006 à 01:26:07    

px pour les photos à la limite, vu qu'elles ont une taille fixe ? Meme en utilisant des em ou des pourcentages partout sa s'affiche n'importe comment sous IE


Message édité par Splinter_7 le 26-07-2006 à 01:30:15

---------------
www.forzaitalia.ath.cx Tout sur la squadra azzurra et le football européen
Reply

Marsh Posté le 26-07-2006 à 01:29:10    

Je me suis résigné à ne viser que les utilisateurs de firefox pour le moment meme si ce n'est pas la majorite malheuresement...

Message cité 1 fois
Message édité par Splinter_7 le 26-07-2006 à 01:30:27

---------------
www.forzaitalia.ath.cx Tout sur la squadra azzurra et le football européen
Reply

Marsh Posté le 26-07-2006 à 07:40:29    

Splinter_7 a écrit :

Je me suis résigné à ne viser que les utilisateurs de firefox pour le moment meme si ce n'est pas la majorite malheuresement...


 
c est completement debile  
ca me fait mal si tu sais pas faire en css bah sors un vieux tableau :/
le px c est tres bien em c est une unité de police arjuna :/

Reply

Marsh Posté le 26-07-2006 à 09:43:17    

em c'est proprotionnel.
 
ctrl+molette avec des pixels, mise à part sous IE7, ça change pas la taille.
avec des em, si.
 
hors, dans une page web, on a de toute façon généralement du texte. donc que les dimensions des conteneurs soient exprimées en caractères me semble plus judicieux qu'en pixel, alors que la résolution n'est pas figée.

Reply

Marsh Posté le 26-07-2006 à 10:07:05    

:jap: ok je comprends mieux ton raisonnement
raisonner en px c est une facon de continuer a faire des tableaux en fait :sweat:

Reply

Marsh Posté le 26-07-2006 à 10:17:43    

mouais... de toute façon je me suis résolus à faire des adaptations pour IE.... car quelque soit l'unité employée, il persiste quand même des différences..
De même pour les résolutions, je préfére détecter la résol du client et choisir le bon css en fonction de..

Reply

Marsh Posté le 26-07-2006 à 14:15:58    

chani_t a écrit :

mouais... de toute façon je me suis résolus à faire des adaptations pour IE.... car quelque soit l'unité employée, il persiste quand même des différences..
De même pour les résolutions, je préfére détecter la résol du client et choisir le bon css en fonction de..


de toutes façon, les unités n'impactent pas les différences entre navigateurs...
 
mise à part sous IE7 où ils sont passé de 72dpi a chais pas combien (du coup la taille des polices et tout ça ne sont plus les mêmes :heink:), tous les navigateurs font donner le même résultat à ce niveau.
 
par contre, le coup du width de IE qui fait margin + padding + contenu ou seulement padding + contenu selon les cas, tu n'y couperas pas.
 
premier truc : si tu fais du xhtml (explicité dans le code), alors à la virgule près, il faut que ce soit compatible. sinon, ie risque de changer de parseur css et du coup t'auras même pas le même rendu entre deux pages différentes, mais une avec une balise pas fermée et l'autre tout bien comme il faut (ça c'et bien la galère :D)
 
ensuite, t'as quelques couilles, mais ça c'est la première qui puisse t'arriver.

Reply

Marsh Posté le 30-07-2006 à 15:03:30    

Pour info : http://perso.orange.fr/coin.des.ex [...] aille.html :)
 
En gros ça dit le pt c'est le mal :o et en unité relative, l'article ne tranche pas entre le px et l'em, tout dépend du site et de sa structure ainsi que son contenu. Une chose est sur, dans les 2 cas (px et em) il y aura des pb avec ie (de 5.5 à 7), le fait est que ces problèmes ne seront pas les mêmes suvant l'unité.
 
edit : ça dépend aussi si on veut un site classe, genre graphiquement très beau ou un site plus modeste et plus élastique dans la taille des caractères pas exemple.


Message édité par ToYonos le 30-07-2006 à 15:06:46

---------------
Marre de perdre du temps à chercher vos sous titres ? | HFR4droid
Reply

Marsh Posté le    

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed