There is such a code

<table class="table last_auth_flayter"> <thead> <tr> <th>Дата</th> <th>IP адрес</th> <th>Город</th> </tr> </thead> <tbody> <tr> <td class="last_auth_date">02.06.2016 11:07</td> <td class="last_auth_ip">127.0.0.1</td> <td class="last_auth_city"></td> </tr> </tbody> </table> 
 tbody > tr { //ширина картинки 360 пикселей на 32 background: url(../images/bg_last_auth.png) no-repeat; height: 32px; }

This is how FireFox works.

enter image description here

And this is how it works in chrome - each td starts a background from the beginning.

enter image description here

How to fix it so that it appears in chrome the same way as in FireFox?
For td there is no particular style, only the colors change ...

https://jsfiddle.net/ktjzcshx/1/

  • tr is the entire string, and td is the cell within the string. If a style with a background is applied to a string, then there should be no effect like on the bottom image. so either there are some other styles for td cells that we are not talking about, or magic IMHO - lexxl
  • I cleaned all the styles for td, I noticed that chrome substitutes some of its styles, but I don’t achieve the desired result by redefining them. Himself nepoymu what a trouble. - user190134
  • look through the debugger on your tr and td - you need to understand where the background on the cell comes from, what property and from which line of the style file it adds it. and then think about why it does not work in all browsers. perhaps you have hidden vendor prefixes (a la -webkit- or -moz-) in the row / cell properties that somehow affect - lexxl
  • I work through the debugger, for verification, and everything is correctly written there that tr, and td only have different colors. I do not use prefixes, because I do not use new properties that may not be supported - user190134
  • one
    like an old bug - Grundy

0