You are not allowed to do this.
RESOLU : Mon site deconne sur IE :(
Dernière réponse : dans Programmation
Je bosse mnt depuis 2 mois sur un site et je me rends compte que le design foire complètement sur Internet Explorer !
En effet, j'ai mozilla et le design est tout a fait comme je le vx mais pas sur IE
Avez vous une idée comment résoudre ce (gros) problème
=> Mon site : http://www.csstournaments.0fees.net
En effet, j'ai mozilla et le design est tout a fait comme je le vx mais pas sur IE
Avez vous une idée comment résoudre ce (gros) problème
=> Mon site : http://www.csstournaments.0fees.net
Autres pages sur : resolu site deconne
Lassé par la pub ? Créez un compte
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.
- #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.
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.
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
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
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 :
) 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 :
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 :
* { margin:0; padding:0; border: 0; text-decoration: none; } 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 */
Ah non, perso je trouve totalement con de faire img { display:block; } !
Sinon il y a les CSS de Reset donc celle faisant partie de YUI (Yahoo User Interface)
Sinon il y a les CSS de Reset donc celle faisant partie de YUI (Yahoo User Interface)
SiM07 a dit :
Ah non, perso je trouve totalement con de faire img { display:block; } !Sinon il y a les CSS de Reset donc celle faisant partie de YUI (Yahoo User Interface)
Une petite explication alors ?
Un comportement inline sur une image peut devenir gênant sous certaine conditions.
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
- Contenus similaires :
- Solutions [ Résolu]Pb d'accès à un site
- Forumralentissement et bug sur certain site(resolu)
- Forum[RESOLU] Débloquer l'accès à un site internet.
- Solutions[Résolu] [CSS/HTML] Centrer mon site web
- ForumComment metre lque le sujet est resolu sur le site ?
- SolutionsDébloquer/bloquer un site avec le routeur [ Résolu]
- Forum[Résolu] Probleme internet : pages non voulues a la place du site demandé
- Solutions [Résolu] Comment debloquer un site
- Forum [Résolu] Comment creer un site internet de jeu virtuel gratuitement
- Voir plus