28173 sujets

CSS et mise en forme, CSS3

Bonjour à tous,

Je me retrouve assez angoissé à l'idée que je ne trouverai pas solution à un bug de placement sous IE6... C'est le pourquoi de ma visite ici !

Tout d'abord, le site incriminé :

http://www.club-entreprises-imus.fr/accueil.phtml

Comme on peu le constater, il reigne un léger décalage sur les boites du centre de la page (decalage sur les marges gauches des boites).

Ces boites sont au nombre de quatre, chacune à une taille fixe (height et width) et sont placé en float:left.

Le rendu est très bon sous Firefox, Opéra, IE7... Mais j'ai un petit décalage sur la gauche sous IE6. Après avoir tenté quelque hack :

holly hack,
* html #block {margin-left: -5px;}
etc.

Je me retrouve toujours avec ce petit décalage Smiley sweatdrop

Quelqu'un aurait-il une idée ?

Merci d'avance
Cela ressemble furieusement à du Three Pixel Jog.

Voir ici (en anglais) :
http://www.positioniseverything.net/explorer/threepxtest.html

Et là (complément, en français) :
http://www.test.blog-and-blues.org/haslayout/tests/float6.html

Solution : via un commentaire conditionnel pour IE 6 et inférieurs, décaler vers la gauche avec un margin-left: -3px. Ou bien éviter que le décalage ne s'applique au conteneur qui a le fond imagé, en s'arrangeant pour qu'il ne soit pas doté de layout.

Bon courage pour creuser tout ça. Smiley smile
Modifié par Florent V. (16 May 2007 - 18:35)