Se connecter avec
S'enregistrer | Connectez-vous

You are not allowed to do this.

RESOLU : Mon site deconne sur IE :(

Dernière réponse : dans Programmation
Lassé par la pub ? Créez un compte
Expert Programmation

Y'a énormément de choses à changer:
- #corp { width: 740px; }
- .entete H1 { margin-bottom:0px; }
- le <br> juste au dessus de ton #pied, met lui un {clear:both;} aussi
- #tab a { height:25px; }

etc...

Puis oublie pas de corriger les "photes" d'orthographe aussi... un vrai massacre de la langue française ton site.
Expert Programmation

Bah commence déjà à ajouter ce que je t'ai mis, tu vas bien voir ce que ça donne, et tu verras qu'il faudra encore en modifier un peu.
Je n'ai pas pris le temps de tout lister, ça serait assez long.

Un truc à faire en premier quand on fait un design, c'est de mettre ça sur la première ligne de son CSS :
* { margin:0; padding:0; }

Du coup, tous les navigateurs prennent les mêmes marges et padding pour tous les éléments, ça permet de partir sur des bonnes bases. Après, c'est plus simple d'arranger les éléments de telle manière que ça fonctionne sur tous les navigateurs.

Bonsoir,

Tu devrais peut être par la même occasion enlever tes plus de 70 erreurs au validateur W3C ça éviterais déjà je pense pas mal de soucis niveau interprétation des navigateurs,

Ensuite il faut un peu s'y connaitre en CSS et vérifié bloc après bloc la réaction IE / FF, changer les positions des block (relative, absolute) regarder si les largeurs et hauteurs sont bien spécifiés etc etc. Je te propose de revoir ton code CSS =)

Bonne chance pour la suite n'hésite pas a poster tes problèmes CSS

Merci beaucoup :) 
Je ne suis qu'un amateur et donc je n'ai pas poussé loin l'apprentissage du CSS.
Vous n'avez pas un lien pour apprendre le css plus profondément?
Je remarque que les fonds transparents des images apparaissent en blanc, comment arranger ça ?
Encore merci de vous attarder sur mon problème

Pour les png IE6 ne gère pas la transparence il faut donc lui affecté une sorte de "png fix" qui consiste a appliquer un filter (voir google) (sa ressemble a ça :
  1. background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='image.png',sizingMethod='crop');

) sur la feuille de style pour IE. Tu a aussi cet article (en anglais) qui est pas mal : http://www.komodomedia.com/blog/2007/11/css-png-image-f...

Pour le CSS si tu veux les bases de structuration d'un site : http://siteduzero.com partie HTML/CSS

Puis tu as un bonne référence en matière de CSS : http://alsacreations.com

Tu devrait y trouver ton bonheur ^^

Bonne chance pour la suite

PS : par rapport a omar tu a raison j'ajouterai meme :

  1. * { margin:0; padding:0; border: 0; text-decoration: none; }
  2. img { display: block; } /* Car généralement les images que l'ont utilises dovent se comporter comme des blocks c'est aussi sources de bug d'oublier de mettre des images en block */
Expert Programmation

Oui c'est gênant, reste que c'est le comportement normal et l'appliquer sur l'ensemble peut s'avérer problématique. Ce qui va être incohérent c'est qu'ensuite dans ton code tu vas te retrouver a mettre des img en display:inline ... c'est le monde à l'envers !

SiM07 a dit :
Oui c'est gênant, reste que c'est le comportement normal et l'appliquer sur l'ensemble peut s'avérer problématique. Ce qui va être incohérent c'est qu'ensuite dans ton code tu vas te retrouver a mettre des img en display:inline ... c'est le monde à l'envers !


Je suis d'accord ça peux paraître paradoxale :)  mais en tout cas il y a énormément de cas ou l'image doit se comporter comme un block, après sa dépend du style de site que tu fait moi je sais que sur Blédina ou encore Etam ou encore cine cinema d'accord j'utilise pas img { display: block; } mais le nombre de cas ou j'en besoin en justifierai l'utilité ... :) 
Lassé par la pub ? Créez un compte
Tom's guide dans le monde