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

HTML5, CSS3, Javascript, support des mobiles... Que penser de votre site ? Vous manquez d'informations pour la construction d'un site qui puisse s'afficher correctement partout ? C'est un problème simple, un peu complexe ? Venez ici !
Répondre
Nicosmos
Iguane
Messages : 633
Inscription : 20 août 2005, 14:17

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

Message 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
Dernière modification par Nicosmos le 09 juin 2008, 19:09, modifié 1 fois.
myahoo
Animal mythique
Messages : 8279
Inscription : 02 sept. 2005, 00:13

Message 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
Avatar de l’utilisateur
jpj
Animal mythique
Messages : 25261
Inscription : 01 août 2005, 15:38

Message 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
► Si votre problème est [Résolu], svp, marquez-le.
► Pas de support par mp, l’aide se fait sur le forum.
pulgita
Gecko
Messages : 71
Inscription : 08 mars 2006, 18:08

Message 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
Mac OS 10.5.8, Safari, FF, PowerBook G4
Avatar de l’utilisateur
jpj
Animal mythique
Messages : 25261
Inscription : 01 août 2005, 15:38

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

Message par jpj »

Il suffit de suivre le lien
Nicosmos a écrit :les CSS
:wink:
► Si votre problème est [Résolu], svp, marquez-le.
► Pas de support par mp, l’aide se fait sur le forum.
Avatar de l’utilisateur
ra-mon
Varan
Messages : 1540
Inscription : 16 janv. 2004, 09:51

Message 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)
calimo
Animal mythique
Messages : 14118
Inscription : 26 déc. 2003, 11:51

Message par calimo »

Voici à quoi ça ressemble chez moi :
Image

Firefox 2... il y a comme un petit problème :wink:
chinon37
Animal mythique
Messages : 5319
Inscription : 21 mars 2005, 10:17

Message 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...
Préferez Kompozer 0.8 à Nvu
Défendons nos valeurs, adhérons à l'APRIL
La Démocratie, c'est quand on frappe à votre porte à 6h00 du matin, et que c'est le laitier.
Nicosmos
Iguane
Messages : 633
Inscription : 20 août 2005, 14:17

Message 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
chinon37
Animal mythique
Messages : 5319
Inscription : 21 mars 2005, 10:17

Message 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)
Préferez Kompozer 0.8 à Nvu
Défendons nos valeurs, adhérons à l'APRIL
La Démocratie, c'est quand on frappe à votre porte à 6h00 du matin, et que c'est le laitier.
Nicosmos
Iguane
Messages : 633
Inscription : 20 août 2005, 14:17

Message 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)
Répondre

Qui est en ligne ?

Utilisateurs parcourant ce forum : Aucun utilisateur inscrit et 2 invités