0

Olá estou com um problema, meu elemento não esta respeitando as posições no firefox igual respeita no chrome, por exemplo, coloco position absolute, com right: -160px, blz n ochrome atinge a posição que quero, porem no firefox preciso colocar uns -180px; para respeitar.

Existe algum meio de se fazer o elemento atingir a mesma posição nos dois navegadores colocando o mesmo valor?

.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;
 }

Achei que pudesse ser o display: flex, mas alterei para block e continuou na mesma.

Não testei em outros navegadores.

UPDATE:

Exemplo

6
  • já fez um teste sem o ponto na frente do like -> like { ...}
    – Victor
    5/10/2017 às 18:28
  • É preciso postar mais código HTML/CSS para que possamos reproduzir o problema, pois esse problema pode estar dependendo muito do contexto, e só com esse código informado na pergunta fica complicado. Criei uma situação hipotética aqui usando esse CSS informado e em todos os navegadores a posição do .like foi a mesma.
    – Sam
    5/10/2017 às 19:33
  • Veja: i.stack.imgur.com/E8sT7.jpg
    – Sam
    5/10/2017 às 19:37
  • @Dvdsamm cara fiz um exemplo e atualizei la.
    – user27585
    5/10/2017 às 20:56
  • 1
    Ué, aqui apareceu na mesma posição nos 2 navegadores: i.stack.imgur.com/npWLZ.jpg
    – Sam
    5/10/2017 às 21:10

0

Você deve fazer log-in para responder a esta pergunta.