Salut @ll, je suis pas la pour polémiquer mais pour vous demander de l'aide.  Voilà, j'ai fait un nouveau design pour mon futur site et je le mets en forme via positionnement CSS.  Sous le gentil firefox, tout passe super bien mais sous le gros vilain IE tout moche, le design ne se met pas bien en place.

URL: http://cosmos.freeddns.com/firelink/K15/index2.html

Vous sauriez me dire ce qui va pas?

Salut lupucide,

Mon body, contenir text-align: center; , mais pourquoi?

Normalement, il n'y a pas de padding, mais je vais revérifier.

Sinon, voila déja une version modifiée qui est un peu améliorée.

Si vous avez d'autres idées, vous gênez pas.

Non, justement.  Il est centré.  Sous Mozilla tout se place comme prévu.

Ce qui cause problème c'est que sous IE, le menu de droite se place plus haut que la case de contenu alors qu'il devrait aller à droite, à coté.

D'habitude sur mes autres designs, je réussis assez bien sans javascript... Pourtant, là je bloque... Il y a surement un moyen, suffit juste de trouver lequel...

En ajoutant une couleur de fond à ton block on se rend compte qu'il n'a pas la bonne taille; il est trop large ce qui le fait passer sous ton bloc de droite.

J'ai un peu trifouillé mais vraiment voir d'où ça pouvait venir, désolé.

Au pire si tu ne trouve pas :

Code:

<!--[if IE]> <style type="text/css"> div.centreg {   position:relative;   top: -45px; /* j'ai mis 45 au pif, faudra trouver la bonne valeur */ } </style> <![endif]-->

A ajouter APRES tes styles CSS actuels... c'est pas super élégant mais beaucoup plus que de servir une feuille de style pour IE via du javascript.

Et si dans le code que je t'ai donné tu remplace relative par absolute et "top:-45px" par "top:40px" (la hauteur de ton header, je sais pas si ça fait vraiment 40) tout ça sans spécifier de valeur pour le paramètre left.

ça donne quoi? (désolé ta page est plus en ligne je peux pas tester).

En même le commentaire conditionnel pour IE est pas le truc le plus crade qui existe, c'est un problème d'ethique aprés (pas comme le coup de la détection en javascript qui est vraiment trés crade par contre).

J'ai trouvé ton probleme Firelink
Au cas ou je ne t'aurais pas sur msn ce soir :

Voici ta réponse :

Code:

.centre {    width: 730px;    margin-top: 1px;    float: left;    background-color: #FFFFFF; }     .centreg {    width: 730px;    margin-left: 0px;  /* centrage du conteneur */      background-image: url(images/karbon152_21.gif);    background-repeat:repeat-y; }

Tu t'étais monumentallement trompé dans les width de ces deux blocs

Essaie de changer le nom de tes balises pour ton prochain site, par pitié pour nous lol

Conclusion a tout ces messieurs, il y a toujours des solutions sémantiquement correct en xhtml

[quote author=JokoZetla]
Essaie de changer le nom de tes balises pour ton prochain site, par pitié pour nous lol

Conclusion a tout ces messieurs, il y a toujours des solutions sémantiquement correct en xhtml

Citation:

lol

Bien joué pour la solution; par contre les commentaires t'aurais pu (du) éviter parceque :

1. c'est pas des balises mais des sélécteurs (des classes en l'occurence).

2. rien à voir avec la sémantique et encore moins avec du XHTML parceque là on parle de CSS.