Hacks * html Résolu/Fermé

Question

Bonjour,

J'ai le même probléme que de nombreux WM, a savoir la compatibilité de mon site sur IE
j'ai trouver réponse a mon probléme (* html) mais je ne sais pas l'utiliser, donc si quelqun peut m'aider en appliquant 
* html sur se code css que j'ai dans ma feuille de style merci 


#header{
background-image: url(./images/image.jpg);
 width:737px;
 margin-left:auto;
 margin-right:auto;
 min-height:165px;
 }

Dalida · Answer

salut,

et pourquoi ne pas faire une mise en page compatible aux deux ?
c'est le plus souvent faisable et c'est quand même plus sûr !

Dalida · Answer

salut,

il faut faire ta feuille de style petit à petit et tester dans les deux ou trois navigateurs à chaque fois.
à force tu sauras ce qui passe partout ou pas.

pour cette CSS là tu peux nous dire ce qui diffère en nous donnant une URL ou le code concerné pour qu'on te conseille.

jojodivx · Answer

Voilà la solution que j'utilise : Dans style.css je mets tous mes styles et dans style.ie.css je remets ceux qui ne fonctionnent pas avec IE et je mets les bonnes valeurs.

pazz · Answer

bonjours,

mauvaise idée, car si tu veux modifier quelque chose il te faudrat le faire sur les deux feuille de style, suit plutot le conseil de dalida.

pazz

yahcine86 · Answer

jojodivx => comment est ce possible de faire "style.ie.css" c'est un fichier différent de style.css ?

Voici le site en question, sur FF c'est parfait, sur IE c'est l'anarchie total.

jojodivx · Answer

En fait l'idée est de créer une feuille de style générale et une autre pour des cas spécifiques.

En général il n'y a pas grand chose dans les autres feuilles de style donc c'est pas vraiment contraignant...


La solution de Dalida serait l'idéal mais il n'est pas possible de faire la même chose avec IE et FF... Si c'était possible ça se saurait et il y aurait moins de personnes mécontentes pendant la phase de développement...


Pour en revenir à mon idée, tu crées un fichier style.ie.css à côté de style.css et... c'est tout il ne te reste plus qu'à remplir :)

Dalida · Answer

il n'y a pas que sous IE que ça coince, chez moi le menu est sur deux lignes (suis sous Ubuntu avec FF).

ton code HTML contient déjà pas mal d'erreurs (30 en HTML Transitional qui est pourtant conciliant).

en premier il te faut un code HTML valide, tu peux le tester ici.

mais par contre ce n'est vraiment pas la peine de faire plusieurs CSS, ta mise est classique.

yahcine86 · Answer

j'ai du mal à comprendre les erreurs constaté par le w3c validator, ce sont les caractères en rouge et souligné qui manquent sur ma page web ?

jojodivx · Answer

En fait tu as juste à traduire ce qu'il t'explique.

Genre il te dit que tu n'as pas déclaré de DOCTYPE
Line 1, Column 0: no document type declaration; implying "<!DOCTYPE HTML SYSTEM>".
The checked page did not contain a document type ("DOCTYPE") declaration. The Validator has tried to validate with a fallback DTD, but this is quite likely to be incorrect and will generate a large number of incorrect error messages. It is highly recommended that you insert the proper DOCTYPE declaration in your document -- instructions for doing this are given above -- and it is necessary to have this declaration before the page can be declared to be valid.

yahcine86 · Answer

merci, je vais faire une après midi traduction alors.

Merci a tous

Nep_51 · Answer

Bonjour Moi je fais deux feuilles de style que j'appele selon le navigateur avec du php: "; else echo ""; ?> Sinon l'astuce consiste à mettre le mot clé important dans ton css qui n'est interprété que par firefox Exemple: div{ width: 800px; width: 850px !important; } La div fera 800px sous IE et 850px sous firefox Nep http://www.cultureg.com

Dalida · Answer

@yahcine86 : je t'ai fait une version plus stable, elle n'est pas complète car ton site ne s'affiche plus correctement donc je n'ai plus le modèle !

il n'y a pas de hacks et les codes sont valides, je ne l'ai pas testée partout.

yahcine86 · Answer

c super cool de ta part mais sa contient 108 erreur.

yahcine86 · Answer

ça marche, beaucoup de choses ont changés, j'aimerai savoir comment tu as fait, quel sont les choses que tu as changé stp merci

Dalida · Answer

regarde en premier le code HTML.

j'ai modifié ton code pour respecter le sens du code (on parle de sémantique).
par exemple pour le menu il faut faire une liste de liens avec du texte, pas avec des images. dans ce cas les images servent uniquement à décorer avec CSS.

et pour le code CSS, j'ai appliqué des méthodes classiques.

regarde les codes et pose-nous des questions précises sur ce que tu ne comprends pas.

yahcine86 · Answer

Merci, domage que les erreur généré par le Validator sont pas évident a comprendre, j'aurai avancé plus vite.
je vais faire du ménage et je tien au courant.

en tout cas merci infiniment.

yahcine86 · Answer

re, est-il normal que le validator ne voie pas l'indication de jeu de caractére ? header.php Pour la balise meta voici ma source : https://edu.ca.edu/jeux-de-caracteres-encodages-et Erreur Ce document XHTML 1.0 a été soumis avec le type MIME text/html, ceci n'est cependant autorisé que lorsqu'il correspond aux directives pour HTML. Dans ce document XHTML, aucune indication de jeu de caractères n'a pu être trouvée. En revanche, une balise Meta contenant une indication d'un jeu de caractères a été trouvée (utf-8). Cette manière d'indiquer le jeu de caractères n'est pas reconnue pour les documents XHTML et ne devrait être utilisée que par mesure de compatibilite avec HTML. Veuillez ajouter une déclaration XML avec indication de jeu de caractères au début de votre document (par ex. , ou bien faites envoyer par votre serveur une entête HTTP correspondante (en PHP avec header('Content-Type: text/html; charset=utf-8');). Par manque d'indication de jeu de caractères, ce document a été traité par fallback avec UTF-8.

Dalida · Answer

c'est Validome qui te dit ça ?

force le type dans la première page en lui indiquant UTF-8 et continue à valider le reste.
quand tu n'auras plus d'erreurs, passe-le au validateur du W3C, on verra ce qu'il en dit.

yahcine86 · Answer

En fin de compte j'ai opté pour :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

j'ai réussi à valider quelques pages mais la soucie est que le Transitional n'accepte pas que j'attribue le même ID a plusieurs élément.

exemple : j'ai une boucle qui produit des div en fonction du nombre d'enregistrement que j'ai dans ma base de donné  pour les afficher, tout ces div auront le même id : id="projet" qui correspond dans ma feuille de style à 


#projet{
background-image: url(./images/projet.jpg);
width:360px;
height:137px;
margin-right:auto;
margin-left:auto;
margin-top:17px;
}
 
 donc j'ai une erreur validom qui me dit : ID "PROJET" déjà défini

RAD ZONE · Answer

j'ai réussi à valider quelques pages mais la soucie est que le Transitional n'accepte pas que j'attribue le même ID a plusieurs élément. 

NON mais rien n accepte  les id multiple !! ;-)) 

une id  est par definition UNIQUE  et doit le rester !!,

 les Class  sont faite  pour  cela !!!

Dalida · Answer

salut,

et pour compléter ce qu'écrit Rad, un article de la FAQ d'Alsacréations.

yahcine86 · Answer

re, Merci beaucoup pour votre aide, maintenant il me reste plus qu'un problème pour valider tout mon site au W3C. Erreur : document type does not allow element "DIV" here; missing one of "APPLET", "OBJECT", "MAP", "IFRAME", "BUTTON" start-tag.

maroc

Date: 2009-02-10
Description : Lorem ipsum dolor sit amet, consectetur adipiscing

Dalida · Answer

salut, est un élément en ligne, il ne peut contenir d'élément en bloc comme

. donc tu peux mettre des dans

mais pas de

dans . dans tu peux mettre qui est l'équivalent de

mais en ligne.

yahcine86 · Answer

sa n'a pas marché avec les span, j'ai mis un lien sur chaque élément de ma div et mon site est maintenant valide grâce à votre aide.

Maintenant je m'attaque aux problèmes CSS sur IE, je m'aperçois que le mini-height de ma baniére qui est de min-height:165px; IE le met à hauteur de 18px.

je vais bidouiller un peu pour arranger ça avec d'autre problème sur mes div dans la page projet.

yahcine86 · Answer

re, ayé j'ai attein mon objectif grâce a toi merci infiniment, mon site est parfait sur FF et opéra, correcte sur IE7.

Dalida · Answer

bonne nouvelle !

et maintenant que tu t'es fait chier une fois, tu verras que ce sera beaucoup plus facile à faire maintenant parce que tu prendras en compte le rendu de IE dès le départ.

bon courage pour la suite et longue vie à l'asso !
-;o)

Hacks * html

26 réponses

Discussions similaires