Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1477 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  HTML IE

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

HTML IE

n°1411678
Splinter_7
Posté le 23-07-2006 à 12:42:07  profilanswer
 

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 :)

mood
Publicité
Posté le 23-07-2006 à 12:42:07  profilanswer
 

n°1411701
Bigon
Avis défavorable
Posté le 23-07-2006 à 13:20:56  profilanswer
 

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

n°1411728
Splinter_7
Posté le 23-07-2006 à 14:23:29  profilanswer
 

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

n°1411731
mIRROR
Chevreuillobolchévik
Posté le 23-07-2006 à 14:31:51  profilanswer
 

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:

n°1411741
Splinter_7
Posté le 23-07-2006 à 14:57:56  profilanswer
 

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

n°1412067
chani_t
From Dune
Posté le 24-07-2006 à 10:21:22  profilanswer
 

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 ;)

n°1412075
Arjuna
Aircraft Ident.: F-MBSD
Posté le 24-07-2006 à 10:26:34  profilanswer
 

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)

n°1412085
chani_t
From Dune
Posté le 24-07-2006 à 10:41:33  profilanswer
 

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

n°1412091
mIRROR
Chevreuillobolchévik
Posté le 24-07-2006 à 10:44:40  profilanswer
 

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

n°1412149
Arjuna
Aircraft Ident.: F-MBSD
Posté le 24-07-2006 à 11:25:56  profilanswer
 

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 :/

mood
Publicité
Posté le 24-07-2006 à 11:25:56  profilanswer
 

n°1412150
Arjuna
Aircraft Ident.: F-MBSD
Posté le 24-07-2006 à 11:27:22  profilanswer
 

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

n°1412154
mIRROR
Chevreuillobolchévik
Posté le 24-07-2006 à 11:30:44  profilanswer
 

bah div p span :/

n°1412155
chani_t
From Dune
Posté le 24-07-2006 à 11:30:48  profilanswer
 

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

n°1412164
Arjuna
Aircraft Ident.: F-MBSD
Posté le 24-07-2006 à 11:33:48  profilanswer
 

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
n°1412602
Splinter_7
Posté le 24-07-2006 à 19:20:40  profilanswer
 

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

n°1412923
Niboubi
Posté le 25-07-2006 à 11:46:50  profilanswer
 

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

n°1413282
ToYonos
Ready to code
Posté le 25-07-2006 à 17:23:52  profilanswer
 

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
n°1413284
Arjuna
Aircraft Ident.: F-MBSD
Posté le 25-07-2006 à 17:25:14  profilanswer
 

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

n°1413531
Splinter_7
Posté le 26-07-2006 à 01:26:07  profilanswer
 

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
n°1413535
Splinter_7
Posté le 26-07-2006 à 01:29:10  profilanswer
 

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
n°1413551
mIRROR
Chevreuillobolchévik
Posté le 26-07-2006 à 07:40:29  profilanswer
 

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 :/

n°1413592
Arjuna
Aircraft Ident.: F-MBSD
Posté le 26-07-2006 à 09:43:17  profilanswer
 

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.

n°1413607
mIRROR
Chevreuillobolchévik
Posté le 26-07-2006 à 10:07:05  profilanswer
 

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

n°1413617
chani_t
From Dune
Posté le 26-07-2006 à 10:17:43  profilanswer
 

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..

n°1413848
Arjuna
Aircraft Ident.: F-MBSD
Posté le 26-07-2006 à 14:15:58  profilanswer
 

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.

n°1415993
ToYonos
Ready to code
Posté le 30-07-2006 à 15:03:30  profilanswer
 

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
mood
Publicité
Posté le   profilanswer
 


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  HTML IE

 

Sujets relatifs
HTML Image AffichageHTML Menu
Difference entre le html et le xhtml...[HTML]Question rapide sur les textarea et les sauts de ligne
sécuritée du html sur site distant et vol de cookiecreer un bouton en html
Mon texte dépasse des cadres, que modifier dans le code html ?Impression pages html
video htmlCe qu'implique de choisir le XHTLM par rapport au HTML
Plus de sujets relatifs à : HTML IE


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR