Screenshot of the block operation in Firefox: http://joxi.ru/Dr83lvBTdXVDA6

But in Chrome: http://joxi.ru/823LJbBigWEXAO
This is a table layout, here's the code:

<tbody class="review-list-item "> <tr class="review-list-item-row metro-feedback-properties "> <td class="feedback-number">{$item.mall}</td> <td class="date">{$item.created_formated.full}</td> </tr> </tbody> 


 tbody { position: relative; height: 105px; margin: 0 0; padding: 10px; background: white; } .second-text { position: absolute; top: 50px; }

A text that went up in chrome is .second-text. He has position: absolute and so does the impression that chrome does not understand position: relative in tbody.
Any idea how to treat?
thank

  • possibly missing the property bottom: 0 or some similar - lexxl
  • @lexxl There is also a top: 50px - Nikita Shchypylov
  • Well, I mean, you have to experiment with these properties. and it is better to lay out a more complete code so that the problem can be reproduced at home but in general, it is necessary to check through the chrome developer, what parameter of the position is put in fact - lexxl
  • I do not see the class .second-text in your html markup. Most likely, in .second-text parent element is not tbody , so it was positioned relative to the other parent. - stackanon
  • @stackanon Not screenshots clicked? - Nikita Shchypylov

0