Rechercher : dans
Par :

Affichage IE et MF différent

Dernière réponse le 23 nov 2009 à 16:05:17 Peexstudio, le 15 nov 2009 à 14:44:17 
 Signaler ce message aux modérateurs

Bonjour,

Je viens de me rendre compte que mes pages web ne s'affichaient pas du tout correctement sous IE, alors que sous Firefox, Opéra, Safari... tout marche correctement! o_O

De plus j'avais au préalable fais un aperçu via les navigateurs avant d'envoyer ces pages sur mon ftp, et tout fonctionnait sous ie :o ! c'est une fois en ligne que c'est le fouillis complet.

Voici les pages en questions: http://peexstudio.fr/fr/accueil.html

Savez-vous pourquoi tout a bougé?

Configuration: Windows XP
Firefox 3.5.5

Meilleures réponses pour « Affichage IE et MF différent » dans :
[Windows] Affiche l'icône du poste de travail sur le bureau VoirPar défaut, Windows XP n'affiche pas le poste de travail sur le bureau. Il est possible de l'afficher en suivant la procédure suivante : - Cliquer avec le bouton droit sur le bureau - Choisir Propriétés - Dans l'onglet Bureau, choisir...
Afficher les images et les animations Flash dans le navigateur VoirQuand vous allez sur un site internet, vous n'avez plus d'images affichées ; elles sont remplacées par un petit rectangle avec un carré rouge ou un triangle bleu (par exemple). 1 - Vérifier d'abord les paramètres de votre navigateur : Pour...

1

bg62, le 15 nov 2009 à 16:34:08

Vois déjà ceci :
http://validator.w3.org/...
et grosse erreur : ne jamais mettre de lien vers un site non terminé, donc bourré d'erreurs '404'
regarde ce que cela donne :
http://www.google.fr/...
surtout les premières lignes !!!
après pour en lever toutes ces traces ...
:) le 'www' est fait aussi pour communiquer, partager et échanger, non ?
merci d'avoir la politesse de répondre à ceux qui essaient de vous aider

Répondre à bg62

2

Peexstudio, le 15 nov 2009 à 17:19:15

Merci pour le tuyau concernant les pages générés sur google...

Par contre en ce qui concerne ton lien vers validator, je ne comprend pas qu'elle est le problème, d'après lui mes problèmes se focalisent sur la fin de mon code xhtml, sur les dernieres balises mais je ne vois pas le problème, elle se fermes correctement pourtant non ?

Répondre à Peexstudio

3

notobe, le 15 nov 2009 à 19:24:43

Le <div class="c3"> n'est pas fermé.

Petites choses puisque du coup j'ai été voir le code source ;)
- tbody et th ne sont pas à utiliser lorsqu'on utilise des tableaux pour de la mise en page. Ce sont des balises de tableaux de données
- Les images liens de tes menus ne comportent pas de alt, et pour cause, c'est une image de fond. Donc, tes liens sont vides. Ça c'est très très mal ;)
Toute image porteuse de sens (et donc pour un menu de navigation, c'est plus que jamais porteur de sens !) doit se trouver 'en dur' dans le code html avec un bon alt pertinent.

Répondre à notobe

4

Peexstudio, le 15 nov 2009 à 20:24:05

Hello notobe, j'ai fais se que tu m'a dit avec la balise <div class="c3">

Idem avec la mention "alt" que j'avais oublié de mettre sur mes liens images.

Cependant rien ne change vis-à-vis de IE. Pourrais-tu vérifier le nouveau code source de cette page:
http://peexstudio.fr/fr/accueil.html ?

Ais-je bien corrigé mes fautes?

Merci

Répondre à Peexstudio

5

notobe, le 15 nov 2009 à 21:42:53

Tu as changé le doctype ?!!
La validation ne passe pas car tu fermes toutes les balises alors que le doctype est en html 4.01...

(et tu utilises tjs des tbody et des th...)

Répondre à notobe

6

Peexstudio, le 15 nov 2009 à 22:03:08

J'ai re-changer le doctype et remis l'ancien mais rien ne change non plus...

En ce qui concerne les tbody et th c'était uniquement pour faire un petit bloc avec un peux de contenu l'histoire d'habiller un peut tout ça mais bien évidemment, je n'utiliserais plus les tableaux de la sorte à l'avenir, je souhaite avant tout parvenir à solutionner mon problème d'affichage et une fois cela fait, je m'attaquerais au contenu du site, et modifierais comme tu me l'a indiqué les tableaux.

Ne serrais-ce pas à cause du fichier css? j'ai peut être mal fait quelques choses dessus.

Répondre à Peexstudio

7

notobe, le 15 nov 2009 à 22:06:27

J'ai été voir ton site avec IE8/IE7, je n'ai pas vu de différences fondamentales entre le rendu avec FF. Mais je n'ai fait que jeter un coup d'oeil rapide.

Qu'est-ce qui te chiffonne exactement ?

[edit] euh... j'ai relancé la validation, il y a encore deux erreurs dont une de taille ! Un alt est fait pour une image, pas pour un lien !
Il faut que tu mettes ton image en dur dans le code, pas en image de fond dans la CSS.
Ou tu la découpes en petits morceaux, ou tu la mappes (en mettant bien des alt ;) ) mais là tes liens sont tjs vides !!

Répondre à notobe

8

AG's, le 15 nov 2009 à 22:15:23

Le projet Peexstudio vous offre tout son savoir faire en matière de créations graphiques web et print moyennant une petite contribution de votre part. Les tarifs restent très accessibles, il ne s'agit pas de commercialiser nos services à des fins professionnelles
mais dans le seul but d'assurer notre avenir en utilisants ces fonds pour financer nos études. Vous trouverez de plus amples informations dans les pages prévues à cet effet


Voici une petite correction des nombreuses fautes d'ortographe trouvées dans le premier paragraphe.
C'est important l'orthographe, plein de fautes ça fait pas pro du tout...(par contre le design est tres classe, joli travail)


Au pire moi "moyennant une petite contribution de votre part", je peux les corriger dans tout le site...

Répondre à AG's

9

AG's, le 15 nov 2009 à 22:16:47

utilisant

Répondre à AG's

10

Peexstudio, le 15 nov 2009 à 22:30:22

Merci AG's pour la correction mais se n'est pas nécessaire, j'ai juste recopié un chiffon que j'avais fait sur papier, dans le seul but (et je me répète) d'habiller un peut le site, le contenu (texte) je ne me suis pas attardé dessus pour le moment et j'essaye de régler d'autres problèmes avant.

Notobe, se qui me chiffonne c'est ça:

[URL="http://img297.imageshack.us/i/56596202.jpg/"]ACCUEIL/URL
[URL="http://img21.imageshack.us/i/ieportfolio.jpg/"]SECTION PORTFOLIO/URL

Les deux sous IE, alors que sur FF tout s'affiche correctement. Je vais jeter un coup d'oeil en se qui concerne le problème de taille, pour ce qui est du menu... heum je verrais plus tard ^^"

Sur ton IE tout s'affiche correctement?

Répondre à Peexstudio

11

notobe, le 15 nov 2009 à 22:45:06

Alors... je suis perdu là !! :D

Ton site ne s'affiche plus comme au début, ni dans FF, ni dans IE. Et je n'ai jamais vu de menu déroulant comme sur ta capture d'écran...

Pour en revenir à tes images de lien, il ne faut pas que tu changes ça après, car forcément ça va avoir une incidence sur ta mise en page, donc ce que tu auras réglé d'un côté risque d'être à recommencer...

Donc, dans FF, je n'ai plus de terre qui tourne, et le pied de page vient se superposer au texte à peu près au milieu du tableau.

Dans IE8, j'ai bien la terre, mais à moitié masquée par l'image en dégradée, et le pied de page est encore plus haut que dans FF.

Dans un cas comme dans l'autre, ça ne correspond en rien à tes captures d'écran. Et j'ai oublié de préciser une chose : mon écran est bcp bcp plus petit que le tien !! (je suis en 1024*768)

Répondre à notobe

12

Peexstudio, le 15 nov 2009 à 22:47:13

[edit] Tu peux relancer la validation, je viens de le faire et tout est niquel à présent. Mais toujours ce problème d'affichage. Es-ce un cas isolé? car sur une autre bécane que la mienne, le site s'affiche correctement sous IE et y a pas le décalage du menu que tu vois sur mes screens. Chez toi sa donne quoi?

Répondre à Peexstudio

13

Peexstudio, le 15 nov 2009 à 22:55:38

Sur un autre ordi avec un affichage 1024*768:
http://img5.imageshack.us/i/ie1024.jpg/

Là, je suis sans voix. Tout se redimensionne par rapport à la taille de la fenêtre donc?

Arf, je suis complètement pommé.

Répondre à Peexstudio

14

notobe, le 15 nov 2009 à 22:57:40

Oui, oui, la validation c'est bon. Mais ce n'est pas une fin en soit, même si c'est important ;)

Voilà ce que ça donne sur ma bécane avec IE8 :
http://img109.imageshack.us/img109/9306/peexie.png

Quant à la terre qui n'apparait pas avec FF, ça vient de moi !! (flashblock activé !!)

Répondre à notobe

15

Peexstudio, le 15 nov 2009 à 23:05:48

Aaah mais Notobe, agrandi ta fenêtre avec le bouton adéquate en haut à droite, tout devrait retourné dans l'ordre non?

Répondre à Peexstudio

16

Peexstudio, le 15 nov 2009 à 23:08:59

J'oubliais Notobe, en ce qui concerne mon problème de décalage du menu, en réalité c'est dût au faite qu'il faut que j'active l'affichage de compatibilité sous IE8 (bouton à l'extrême droite de la saisie de recherche), et en l'activant tout va bien!
Depuis le début sa aurait pus fonctionné mais sa ma permis de nettoyer un peux tout ce code, enfin... y a comme un autre problème vu ton screenshoot, on dirait que les éléments partent en vrilles dès que la fenêtre du navigateur web est réduite ou redimensionné.

Répondre à Peexstudio

17

notobe, le 15 nov 2009 à 23:15:39

Je suis déjà plein écran Peex ;)

Tu me demandais si tout se redimensionne par rapport à la fenêtre, oui, et surtout en fonction de la résolution, on n'a pas la même chose.
Ton pied de page tu le déclares en position absolute avec un bottom:-70px.
Mais si mon écran (à moi que j'ai) n'est déjà pas assez haut pour afficher tout le texte, fatalement, le pied de page va recouvrir le texte. Comprends-tu ?

C'est dangereux les positions absolues, car tu sors du flux, et donc pour la résolution.... c'est difficile à maîtriser, dans ce cas de figure en tout cas.

Il faut que je te laisse pour ce soir, c'est pas tout ça, mais demain boulot (et loin du web en plus...)
Bonne nuit !

Répondre à notobe

18

Peexstudio, le 15 nov 2009 à 23:30:06

Idem pour moi! (par rapport au boulot)

j'ai au moins réussi a remettre les éléments dans l'ordre (entre guillemets) et j'ai nettoyer mon code html.

Je verrais la suite demain, merci beaucoup Notobe (y)!

Bon courage pour demain.

Répondre à Peexstudio

19

monkey_monk, le 16 nov 2009 à 02:13:02

Ca ne serait pas un problème de z-index par hasard ?

Parce qu'avec le nombre de div... et connaissant IE ^^ [Monkey Monk]
That's all folks !

Répondre à monkey_monk