Prohledat stránky podpory

Vyhněte se podvodům. Za účelem poskytnutí podpory vás nikdy nežádáme, abyste zavolali nebo poslali SMS na nějaké telefonní číslo nebo abyste sdělili své osobní údaje. Jakékoliv podezřelé chování nám prosím nahlaste pomocí odkazu „Nahlásit zneužití“.

Zjistit více

different behavior of computing div width between desktop and laptop

  • 1 odpověď
  • 1 má tento problém
  • 10 zobrazení
  • Poslední odpověď od the-edmeister

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

Všechny odpovědi (1)

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.