Bonjour,  
quelqu'un pourrait-il m'aider, j'ai du mal à identifier la cause d'un décalage vers la droite, survenant sous ie 6, sur le site que je suis en train de développer, en particulier sur cette page : http://webcv.claustre.eu/competences
Au passage, qu'est ce que vous penser du site dans son ensemble (à noter : pour l'instant, il faut visualiser le site avec au minimum une largeur de 1024pixels).

A première vue je dirais le bug de la double margin du 1er élément flottant sur IE

Je viens de regarder sous IE7.
Ca passe nickel.
C'est donc bien une merde à la sauce IE.
 
Donc soit t'attends 6 mois que IE7 soit release et déployé sur 99% des PC utilisant IE aujourd'hui... Soit tu te fais chier à faire un "hack" à deux balles pour IE6. La vie est tellement mal faite
 
Sinon, well done pour le site. Il est exactement comme je les aime :
- Simple
- Epuré
- Joli
- Charté
 
En plus, c'est assorti au skin de Windows Vista
 
Tu m'autorises à m'en servir de modèle pour mon truc ? (genre moi je sais faire que "simple" et "epuré"
http://magicsite.manga-torii.com
 
(m'enfin avant je vais attendre que tu trouves une correction pour ton bug )

PS : je retire ce que j'ai dis : sous IE7 t'as aussi une merde avec cette page : http://webcv.claustre.eu/experiences
=> Quand on passe la souris sur une expérience, la seconde ligne se retrouve barrée de rouge.

 
C'est pas vraiment un bug ça. J'avais oublié de retirer un petit test que j'avais fait, et ce trait rouge apparaissait aussi sous ie6 et gecko. C'est règlé.
Par contre, mon problème de départ subsiste. Donc sous ie7, ce décalage n'apparait pas ?
Je vais chercher du côté de la double margin du 1er élément flottant sur IE mentionnée par Pitsy

 Merci
 

Ha bon ?
 

Sans problème. Par contre, si tu t'en inspires beaucoup (ou si tu pompes comme un sauvage), ce serait sympa de mentionner mon site quelque part, genre dans des crédits, un "à propos", ou qqch comme ça.

c'est pas que c'est vraiment assorti, mais disons que les grosses nicônes font bien avec les patatoïdes énormes de Vista
 
et les couleurs se fondent bien aussi avec le reste.
et surtout, c'est très aéré avec juste quelques pictos discrets, comme les écrans de vista
 
sinon, no soucy pour te mentionner

Je mettrais juste 2 bémols:
- la page expérience qui n'est vraiment pas valide. Il y a aussi 2/3 autres erreurs sur certaines pages ( genre & à la place de &amp
- l'utilisation de <strong> plutot que d'avoir stylé en css
 
Sinon pour ton problème, tu as essayé en diminuant les margins de .paragraphe?

anapajari > c'est bien d'utiliser la balise strong. ça permet justement de dire dans le document que cette partie est importante. de plus, sur certains lecteurs pour malvoyants, strong est identifiable à l'oreille, ce qui permet à nouveau de mettre en valeur son contenu, sans se faire chier à mettre les infos d'accessibilité dans le css

Arjuna> Pas d'accord quand c'est utilisé de cette façon:

a oui, là je suis d'accord
 
surtout que jene pense pas que <strong> (contrôle littéral) puisse contenir l'élément <p> (contrôle de block)

ceci dit, c'est pareil avec le <a>, à mon avis il n'a pas ledroit de contenir un <p>

 
 
- Je suis encore en phase de développement, je ne revalide pas à chaque modif. Ce genre de petites erreurs seront supprimées quand le site sera finalisé.
- pour l'utilisation de strong que tu cites, en effet, sa place est c'est discutable.
 
Bref, je vais plancher un peu sur ce "survol de carrière".
 
Sinon, anapajari, diminuer les marges de .paragraphe, je veux bien, mais ça va me les diminuer d'autant dans les autres navigateurs, sans modifier le décalage entre eux...

Voila, c'est re-valide

Si tu ajoutes un display:inline dans ton #informatique IE devrait réagir correctement.

Yessss, merci beaucoup. Je n'osais même pas espérer une solution aussi simple. Si c'est pas trop te demander, tu peux m'expliquer comment tu as su ça, maintenant ?

 
Ben en fait j'étais un peu fatiguée et la flemme hier soir de regarder ton source (mais a vue de nez c'était clairement le double de marge dans IE donc le bug en question). Et je ne me rappelais plus exactement le contournement du bug, donc j'ai mis "bug marge double ie" dans Google et voilà

cool, merci beaucoup en tout cas. Et pour le reste du site, t'as pas quelques critiques à faire ?

Autre décalage embêtant : le cadre rouge en haut à droite, est destiné à être un cadre "d'actus". Je n'arrive pas à le dimensionner convenablement en largeur. En l'état, c'est correct sous IE (avec une largeur supérieur à 1000px), mais pas sous Firefox. C'est sans doute à cause de la largeur, que je donne en %, mais j'ai besoin de cette unité, car je veux que la largeur de la page s'adapte à celle de la fenêtre affichant le site.