[chromium-bugs] Issue 44361 in chromium: Table row (TR) background is repeat separately on every cell

[chro...@googlecode.com]

Status: Unconfirmed
Owner: ----
Labels: Type-Bug Pri-2 Area-Undefined

New issue 44361 by danielgindi: Table row (TR) background is repeat
separately on every cell
http://code.google.com/p/chromium/issues/detail?id=44361

Chrome Version : 6.0.401.1
Other browsers tested:
Add OK or FAIL after other browsers where you have tested this issue:
Safari 4: FAIL
Firefox 3.x: FAIL
IE 7: FAIL
IE 8: FAIL

What steps will reproduce the problem?
1. Create a table, a row, and some cells.
2. Set a css background image to the row.

What is the expected result?
Image to be painted as background to the table row...

What happens instead?
The image is rendered separately for each cell, causing an ugly repeat
pattern.

This looks ugly on every other browser that I've tested, but thats no
reason to stay ugly...
The specs AFAIK do not say anything about this, and we should be able to
apply a background image to a TR.


--
Automated mail from issue updates at http://crbug.com/
Subscription options: http://groups.google.com/a/chromium.org/group/chromium-bugs

[chro...@googlecode.com]

Updates:
Labels: -Area-Undefined Area-WebKit

Comment #1 on issue 44361 by stuart...@chromium.org: Table row (TR)

background is repeat separately on every cell
http://code.google.com/p/chromium/issues/detail?id=44361

(No comment was entered for this change.)

[chro...@googlecode.com]

Comment #4 on issue 44361 by d.aldrovandi: Table row (TR) background is

repeat separately on every cell
http://code.google.com/p/chromium/issues/detail?id=44361

a position: relative fix for IE7, but not fro Chrome (it requires also
deisplay: block). Unfortunatly not always it's possible to use the
display: block (I lost the automatic expansion of the cells

[chro...@googlecode.com]

Comment #5 on issue 44361 by danielgindi: Table row (TR) background is

repeat separately on every cell
http://code.google.com/p/chromium/issues/detail?id=44361

In IE8 and Firefox 3 it does not work for me. Maybe its different versions
or maybe your situation is a bit different.
Or maybe I should say, it works - but repeats for each cell individually.

[chro...@googlecode.com]

Comment #6 on issue 44361 by d...@danielofthelions.com: Table row (TR)

background is repeat separately on every cell
http://code.google.com/p/chromium/issues/detail?id=44361

hello my beautiful friends.

problem solved.

works in all browsers.

.category-grid-products tr {
background: url(images/shelf1b.gif) left top no-repeat !important;
border: 0px solid #ccc;
position: relative;
display: block;
height: 185px;
}

.category-grid-products td {
background-color: transparent;
background-image: none;
border: 0px solid #ccc;
width: 140px;
height: 160px;
}

[chro...@googlecode.com]

Comment #8 on issue 44361 by kleinkau...@gmail.com: Table row (TR)

background is repeat separately on every cell
http://code.google.com/p/chromium/issues/detail?id=44361

This not fix, afect tr widths :S

[chro...@googlecode.com]

Comment #9 on issue 44361 by carolrmc...@gmail.com: Table row (TR)

background is repeat separately on every cell
http://code.google.com/p/chromium/issues/detail?id=44361

/* webkit based browsers */
/* saf3+, chrome1+ */
@media screen and (-webkit-min-device-pixel-ratio:0) {
#orderFormTable {
background:White -webkit-gradient(linear, left center, right center,
from(#EFEAE3), to(#ffffff)) repeat 0 0;
}
#orderFormTable tr {
background:White;
}
#orderFormTable tr.odd {
background:Transparent;
}
}

[chro...@googlecode.com]

Comment #10 on issue 44361 by carolrmc...@gmail.com: Table row (TR)

[chro...@googlecode.com]

Comment #11 on issue 44361 by j...@channings.me.uk: Table row (TR)

background is repeat separately on every cell
http://code.google.com/p/chromium/issues/detail?id=44361

I'm kinda confused why this is WontFix - especially as it's fixed in Gecko
now.
http://f.cl.ly/items/0T3m45051q3p1R3O2D3k/Screen%20Shot%202012-05-10%20at%2016.35.15.png

The behaviour doesn't make sense to me at any level...