I am working on an ASP.Net website and have a GridView displaying some data,in the OnRowDataBound event I am setting the border of the row for certain rows based on some criteria.
This all worked fine when I was testing my pages locally, however when I put these pages within our master page (this is part of a company intranet site) the row borders disappear in IE yet display fine in firefox.
Is there anything that could be causing this? So far there is no CSS style applied that I know of as I set the border inside the event handler like so:
e.Row.BorderStyle = BorderStyle.Solid
e.Row.BackColor = Color.FromName("#fed69c")
e.Row.BorderColor = Color.FromName("Red")
e.Row.BorderWidth = "2"
Update:
This is the CSS i grabbed from the developer tools in IE:
height: 12px;
border-top-color: red;
border-right-color: red;
border-bottom-color: red;
border-left-color: red;
border-top-width: 2px;
border-right-width: 2px;
border-bottom-width: 2px;
border-left-width: 2px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
background-color: rgb(253, 254, 156);
My Gridview:
<asp:GridView ID="gvTickets"
runat="server"
AutoGenerateColumns="False"
DataKeyNames="TicketID"
AllowSorting="true"
DataSourceID="dsGridview"
GridLines="Horizontal"
OnRowDataBound="gvTickets_RowDataBound"
EnableViewState="True"
RowStyle-Height="12px"
Width="100%"
BackColor="White"
Font-Size="10px">
Debug using IE F12 tools to see what style is being applied to the border of the GridView. Possilby inherited from the master page. You can change CSS sttribute setting from the tool and viiew the results live. You might also try setting the BorderWidth property.