Le plus petit de marge entre 2 divs flottants dans webkit

Un gourou de css veut éduquer un nigaud sur celui-ci? Dans Chrome (et je suppose que Safari aussi), je reçois une petite marge (peut-être 1px) entre deux divs flottants. La largeur de la div gauche est de 58% et celle de droite de 42%. Dans Firefox, il n'y a pas de telle marge. Je n'ai pas encore essayé IE ou Opera. En utilisant l'outil de développement de Chrome, j'ai vu que p a quelque chose appelé -webkit-margin-before et -webkit-margin-after qui ont été mis à 1em. J'ai essayé de passer outre, mais ça n'aide pas. Probablement sans rapport. De l'aide?Le plus petit de marge entre 2 divs flottants dans webkit

Lien vers la page: http://www.audlibri.com

EDIT: confirmé même problème dans Opera 11.

Source

2011-05-15 Matthew

Chaque navigateur peut arrondir les pourcentages différemment; donc c'est probablement la cause de votre "marge". – Ross

Cela semble être un problème d'arrondi avec les pixels. Définir le droit à '42.1%' dans les outils de développement semble l'enlever. – Orbling

Ajouter un doctype et voir si cela aide. – Rob

Malheureusement, la meilleure solution à ce problème est de régler body { background:#XXX; } à la même couleur que l'une de ces colonnes (#788081 ou #B7B59B). Heureusement, il n'y a pas vraiment besoin qu'ils s'affrontent les uns contre les autres.

Source

2011-05-15 13:44:42 Marcel

Simple et fait le travail. Je le ferai de cette façon. – Matthew

C'est un problème de rendu sous-pixel avec mises en page Web basées pour cent.

This short article par John Resig (de jQuery renommée), explique très clairement.

C'est un peu démodé (janvier 2008), mais toujours applicable, j'en suis sûr.

Source

2011-05-15 13:34:38 rockerest

Merci pour votre réponse, article très instructif. – Matthew

Le plus petit de marge entre 2 divs flottants dans webkit

Répondre

Questions connexes