Page 1 sur 1

[Résolu] Problème d'affichage sous IE (désalignement)

Publié : 03 juin 2008, 18:20
par Nicosmos
Bonjour ! :wink:
J'ai fini de développer un site Web, qui, bien qu'il soit totalement compatible avec Fx, possède un (seul ?) problème d'affichage avec IE (comme c'est étrange).

Voilà l'adresse : http://web.nicosmos.free.fr/vrac/test/.
Il ne s'agit là bien entendu que d'une page, volontairement non dynamique, et vidé de son contenu et de ses liens. La vrai version, elle, est terminée. Voir aussi les CSS.

Le problème d'affichage ne se voit pas directement. Ouvrez le site, puis redimensionnez la fenêtre (le passage en plein écran semble être problématique aussi). Le bloc du haut (#tete) ne se centre pas avec le reste du site. Il reste à sa place originale. :?

Selon les versions du navigateur, le bloc se retournera à sa place dès la prochaine action (passage sur le bouton vert, clic sur un lien ...). Un peu comme si il se disait "Argh, qu'est-ce que je fais là moi, tout le monde s'est déplacé et j'ai pas vu ! Vite je retourne à ma place !". :)

En comparant les propriétés ses CSS avec celles des autres blocs de même niveau, on voit qu'il est le seul à posséder un "position: relative;". Mais le problème, c'est qu'il est essentiel d'avoir une position relative de ce bloc pour place tous ses enfant de manière absolue et donc précise. :P

J'ai fais plusieurs tests, mais je ne sais plus quoi faire ... À l'aide ! Avez vous une solution pour résoudre ce problème ? Que ce soit en enlevant la position relative et en plaçant les enfants de manière différente, ou autre. :wink:

Merci d'avance pour votre réponse,
Nicosmos.

Question subsitsutististbstière : il semblerait que l'ensemble du site ne soit pas centré horizontalement avec Safari et Konqueror (versions des dépots de Hardy). :? Une idée ?

Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; fr; rv:1.9) Gecko/2008051202 Firefox/3.0

Publié : 03 juin 2008, 18:36
par myahoo
Testé à l'instant avec Konqueror 3.5.2 ; ce n'est pas centré :
  • Image

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr-FR; rv:1.8.1.14) Gecko/20080404 Firefox/2.0.0.14

Publié : 03 juin 2008, 21:08
par jpj
Sans vouloir te ruiner le moral, ce n'est pas centré non plus avec Opera et Safari sous Win.
Le problème du centrage de l'entête existe avec IE 6 et 7.
Aucun problème avec Amaya.

Bon, comme je ne peux t'aider, un peu de détente : IE 5.5:

Image

Publié : 03 juin 2008, 21:24
par pulgita
Bonsoir,
On peut voir la feuille css?

Message envoyé avec : Mozilla/5.0 (Macintosh; U; PPC Mac OS X 10_5_3; fr-fr) AppleWebKit/525.18 (KHTML, like Gecko) Version/3.1.1 Safari/525.20

Re: Problème d'affichage sous IE (désalignement d'un bloc

Publié : 03 juin 2008, 21:59
par jpj
Il suffit de suivre le lien
Nicosmos a écrit :les CSS
:wink:

Publié : 04 juin 2008, 00:36
par ra-mon
jpj a écrit :Sans vouloir te ruiner le moral, ce n'est pas centré non plus avec Opera et Safari sous Win.
Le problème du centrage de l'entête existe avec IE 6 et 7.
Aucun problème avec Amaya.

Bon, comme je ne peux t'aider, un peu de détente : IE 5.5:

Image
Sous IE 8 c'est centré, trop peut-être
Image


Centré aussi avec HV3 mais quelques petits décalages horizontaux.

bon courage :P

@+
--
Pierre

Message envoyé avec : Opera/9.50 (Windows NT 5.1; U; fr)

Publié : 04 juin 2008, 08:47
par calimo
Voici à quoi ça ressemble chez moi :
Image

Firefox 2... il y a comme un petit problème :wink:

Publié : 04 juin 2008, 10:01
par chinon37
Je n'ai pas le temps de me pencher sur le problème actuellement, mais la page s'affiche correctement dans KompoZer.
Il y a des règles css qui m'interpellent... comme certaines positions absolues (le h1 du logo ou le <html>) Je ne vois pas l'intérêt, béotien que je suis...

Publié : 05 juin 2008, 11:09
par Nicosmos
Salut à tous, merci pour vos réponses.

@chinon37> les positions absolues du logo (et de tous les autres éléments enfant de #tete) sont là pour les placer précisément par rapport au cadre de l'en-tête ... il y a d'autres solutions ?
Celle de l'HTML n'a a priori rien à faire là, je n'ai aucune idée de pourquoi je l'ai mise !

@calimo> Ce doit être simplement l'image de fond qui n'a pas chargé, j'ai déjà vu ça sur des pages hébergés chez Free. Mais le reste s'affiche bien chez toi.

@ra-mon> Oulà, total délire sur IE8. De toute façon, c'est une préversion expérimentale, je ne la considère pas encore comme significative.

@myahoo: Oui, c'est bien cet alignement à gauche que j'avais remarqué. (Konqueror sous Win ? Je ne savais pas que ça existait !)

@jpj> Ok, sur Opera et Safari/Konqueror, il y a donc bel est bien ce problème de centrage total. Faut que je trouve une solution. Pour IE 5.5, il commence à dater, le résultat ne m'étonne pas.

En fait, le site s'adresse essentiellement aux débutants en info, sous Win XP et Vista, avec IE6 ou IE7 : c'est donc le comportement étrange de l'en-tête que j'aimerais corriger en priorité.

Si vous avez des idées ... :wink:
Nico.

Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; fr; rv:1.9b5) Gecko/2008050509 Firefox/3.0b5

Publié : 05 juin 2008, 11:37
par chinon37
Bonjour,

J'ai fait quelques menues modifs à la feuille css et ça semble marcher sur FF, IE et Safari, mais à re-tester.
Modifs:
<html>: Suppression de la position absolue
<body>: ajout de la position relative
<h1>: suppression de la position absolue

modifs faites avec KompoZer et CaScadeS (l'éditeur css)

Publié : 09 juin 2008, 19:08
par Nicosmos
Ça fonctionne, merci :D
Sujet [Résolu] :wink:

Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; fr; rv:1.9b5) Gecko/2008050509 Firefox/3(eeePC)