Problème avec div en float et bordures
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 ?
