URL: https://linuxfr.org/forums/programmationweb/posts/css-bug-de-gestion-des-marges-n%C3%A9gatives-sous-firefox Title: [CSS] bug de gestion des marges négatives sous Firefox ? Authors: mrlem Date: 2009年08月05日T15:35:23+02:00 Tags: ubuntu et firefox Score: 2 Bonjour, Je me retrouve confronté à un problème étrange de CSS sous Firefox, pour lequel je n'ai pas réussi à trouver d'informations. Le problème intervient lors de l'utilisation de marges négatives : [?xml version="1.0" encoding="UTF-8"?] [!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" £spaces£ £/spaces£"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"] [html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr"] £spaces£ £/spaces£[head] £spaces£ £/spaces£[style type="text/css"] div { £spaces£ £/spaces£border: 1px solid red; } #container { £spaces£ £/spaces£margin: 128px; £spaces£ £/spaces£background-color: green; } #content { £spaces£ £/spaces£margin-top: -64px; } £spaces£ £/spaces£[/style] £spaces£ £/spaces£[title]Test page[/title] £spaces£ £/spaces£[/head] £spaces£ £/spaces£[body] £spaces£ £/spaces£[div id="container"] £spaces£ £/spaces£[div id="content"] £spaces£ £/spaces£[p]plop[/p] £spaces£ £/spaces£[p]plop[/p] £spaces£ £/spaces£[p]plop[/p] £spaces£ £/spaces£[/div] £spaces£ £/spaces£[/div] £spaces£ £/spaces£[/body] [/html] Telle quelle, la page affiche bien 2 divs avec celui imbriqué décalé vers le haut. En revanche, dès que j'essaie de supprimer mon style "border", ou bien de mettre à 0 la "border-width", les 2 divs se retrouvent alors superposés. Quelqu'un a-t-il déjà observé ce comportement ? Est-ce un bug de Firefox ou bien de l'interface chaise-clavier ? Les validateurs XHTML et CSS ne râlent pas. Pour info, j'utilise Firefox 3.0.12 sous Ubuntu 9.04. Merci d'avance :o) (et au passage, si quelqu'un sait comment inclure du code HTML dans un post sur les forums, je suis preneur : encadré d'un tag PRE ou pas, escapés en "lt;" et "gt;" ou pas je ne suis pas parvenu à avoir un message dont la visualisation était correcte...)