:: Forum >>

Row bacground for wide grid

Hi, *
Anyone knows how to make row background color to propagate beyond (originally) visible grid?
I have a grid for which sum of column widths is more then grid width, so it has horizontal scroll bar. I define grid style as

#objname {height:18.9em; font:menu larger; border: 2px inset; background: threedlightshadow; width:57em;}
.active-column-0 {width: 3em;}
[ snip other styles ]
.active-grid-row {border-bottom: 0.3em solid white; height: 1.5em; }

The part that is originally on the screen shows as I expect: light-grey bg with white separators between rows, but when I scroll right, the part that was hidden all has uniformly light-grey.

If I move background style attribute from general grid style to .active-grid-row style, then background ends on visible part, and the rest has uniformly white background.

This is in Mozilla FireFox (somehow I cannot make this particular page to display in IE, but this is probably because of dynamic data).

BTW, Alex, I know you heard this many times, but can't resist: _great product_!
Alexandre (Alex) Peshansky
Friday, October 29, 2004
Never mind; I reproduced the effect in one of the examples (two grids on one page), and it is FireFox-specific issue.
For those interested: I changed the following

line 12 from
#grid1 {height: 200px; border: 2px inset; background: white}
to
#grid1 {height: 200px; border: 2px inset; background: white; width:350px}
line 22 from
.active-grid-row {border-bottom: 1px solid threedlightshadow;}
to
.active-grid-row {border-bottom: 1px solid black;}
(just so that effect is more visible)
lines 70 to 76 moved into <head> just above </script> and commented out line
document.write(obj1);
changed line 64 from
<body>
to
<body onload="document.getElementById('container').innerHTML =obj1">
and, finally, replaced lines 69-77 (first script in the body) with
<div id="container" style="position:relative; display:block; height:300px"></div>

It shows OK in IE, but in FireFox 1.0, Mozilla 1.7.3 and Netscape 7.2 row borders stop at the edge of the initially visible part of the (first) grid.
Alexandre (Alex) Peshansky
Friday, October 29, 2004
Yes, there is a bug in grid css for mozilla - please see the solution here:

http://www.activewidgets.com/messages/1902-1.htm
Alex (ActiveWidgets)
Friday, October 29, 2004
Namesake,
you are the best!
Alexandre (Alex) Peshansky
Friday, October 29, 2004

This topic is archived.


Back to support forum

Forum search