Does position Absolute values work for Chrome and firefox?

Asked

Viewed 72 times

0

Hello I’m with a problem, my element not respecting the positions in firefox equal respects in Chrome, for example, put position Absolute, with right: -160px, blz n ochrome reaches the position I want, but in firefox need to put some -180px; to respect.

Is there any way to make the element reach the same position in both browsers by placing the same value?

.like{
      display: flex;
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
      position: absolute;
      right: -160px;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      text-align: center;
      border-radius: 4px;
      overflow: hidden;
 }

I thought it might be the display: flex, but I switched to block and continued in the same.

I have not tested in other browsers.

UPDATE:

Example

css

  • already made a test without the point in front of the like -> like { ...}

  • We need to post more HTML/CSS code so that we can reproduce the problem, because this problem may be depending a lot on the context, and only with this code informed in the question becomes complicated. I created a hypothetical situation here using this informed CSS and in all browsers the position of the .like was the same.

  • See: https://i.stack.Imgur.com/E8st7.jpg

  • @Dvdsamm guy made an example and updated it.

  • 1

    Here appeared at the same position in both browsers: https://i.stack.Imgur.com/npWLZ.jpg

  • @Dvdsamm poutz will be the problem here so, well I’ll try more here... Thank you.

Show 1 more comment
No answers

Browser other questions tagged css

You are not signed in. Login or sign up in order to post.