Start Building Professional
Web Apps Today

Mozilla and IE Problem

Hi,

I'm having an issue with browser and Grid.
I'm trying to display two columns with different colors.
When there is a character for the header then the span should display the color for the header for the character. if there is no character then the span for the character will not hold any color. The source code for the same is mentioned below. the below mentioned source code works perfectly well in IE 6 and 7 but when it comes to mozilla the empty header is displayed with blank character and holds the color for the empty space.


<column type="ro" sort="na" width="33">
<![CDATA[<span style="width:100%;height:100%;text-align:center;background-color:#00008B;
font-weight:bold;padding-left:0.25em;padding-right:0.25em;">*<span>]]></column>
<column type="ro" sort="na" width="33">
<![CDATA[<span style="width:100%;height:100%;text-align:center;background-color:#A9A9A9;
font-weight:bold;padding-left:0.25em;padding-right:0.25em;"><span>]]></column>

Problem not related to component. 
You are using paddings on the span, which cause issue , remove paddings - and it will render as expected in all browsers.