Ce site disposera de fonctionnalités limitées pendant que nous effectuons des opérations de maintenance en vue de vous proposer un meilleur service. Si un article ne règle pas votre problème et que vous souhaitez poser une question, notre communauté d’assistance est prête à vous répondre via @FirefoxSupport sur Twitter, et /r/firefox sur Reddit.

Avatar for Username

Rechercher dans l’assistance

Évitez les escroqueries à l’assistance. Nous ne vous demanderons jamais d’appeler ou d’envoyer un SMS à un numéro de téléphone ou de partager des informations personnelles. Veuillez signaler toute activité suspecte en utilisant l’option « Signaler un abus ».

En savoir plus

Ce sujet de discussion a été archivé. Veuillez poser une nouvelle question si vous avez besoin d’aide.

different behavior of computing div width between desktop and laptop

pchorus
pchorus
more options

Hi support. I am a developer and I have a strange problem regarding the css styling of a div element. Please see the following codepen: http://codepen.io/pchorus/pen/cdulk

In this example, the div container should have a width of 0px, a height of 0px, and a black top border with a width of 7px. The left and a right borders have a width of 7px as well, but they are transparent. This leads to a black triangle.

When I check the styling of the div element on my desktop, I see the expected values: border left, top and right: 7px width: 0px height: 0px

The same codepen example running on my laptop leads to the following values: border left, top and right: 6.4px rounded to 6px width: 1px height: 0px

Since I use the triangle for a popup, it is necessary to have the exact coordinates. Otherwise there is a gap between the popup and the triangle. Could you please help me with that problem?

Best regards. Pascal

Hi support. I am a developer and I have a strange problem regarding the css styling of a div element. Please see the following codepen: http://codepen.io/pchorus/pen/cdulk In this example, the div container should have a width of 0px, a height of 0px, and a black top border with a width of 7px. The left and a right borders have a width of 7px as well, but they are transparent. This leads to a black triangle. When I check the styling of the div element on my desktop, I see the expected values: border left, top and right: 7px width: 0px height: 0px The same codepen example running on my laptop leads to the following values: border left, top and right: 6.4px rounded to 6px width: 1px height: 0px Since I use the triangle for a popup, it is necessary to have the exact coordinates. Otherwise there is a gap between the popup and the triangle. Could you please help me with that problem? Best regards. Pascal

Toutes les réponses (1)

the-edmeister
the-edmeister
  • Moderator
more options

Try posting at the Web Development / Standards Evangelism forum at MozillaZine. The helpers over there are more knowledgeable about web page development issues with Firefox. http://forums.mozillazine.org/viewforum.php?f=25 You'll need to register and login to be able to post in that forum.