Problème avec div en float et bordures

[maya13400]

Bonjour à tous,

J'ai rencontré un problème avec des divs en float. Je vous explique, dans une page html, j'ai un div container qui contient 3 div en float left avec un margin-right pour les espacer.
Mais quand on fais un zoom arrière (ctrl et scroll avec la souris) les blocs bougent, j’ai du mal à comprendre, un bug ???
Ça le fait aussi bien avec IE 7 et 8 que Firefox. J’ai pu remarquer que le problème est lié aux bordures. En effet, en zoomant arrière les bordures gardent leur taille et donc gênent le calage des blocs.

Un exemple pour mieux comprendre (quand on arrive sur la page tout est ok et dès qu'on zoom arrière, boom!!):

EXEMPLE ICI

Sur google, difficile à trouver des explications mis à part ça :

http://markasunread.com/2009/06/zoom...sed-by-border/

Ils parlent carrément d’un bug sur les navigateurs et qu’il n’y a pas tellement de solutions, mis à part des bidouilles (par exemple de ne pas utiliser la totalité de la largeur du div container, mais bon je cherche justement à utiliser toute la largeur).

Qu'en pensez vous ?

[l.laurent60]

Bonjour,

Je pense aussi que c'est un Bug car Ctrl + ou - fonctionne correctement...

[maya13400]

Envoyé par l.laurent60

Bonjour,

Je pense aussi que c'est un Bug car Ctrl + ou - fonctionne correctement...

Le problème c'est pas le zoom avant mais le zoom arrière. ctrl - décale le bloc de droite vers le bas, donc ça ne fonctionne pas !

HELP PLEASE !!

[l.laurent60]

As tu essayer en mettant un width en % en non en Px ?

[maya13400]

Oui j'ai essayé c'est la même chose en % en em ou en px je comprends vraiment pas