2012-02-23 10 views
1

私はaspページを開発していますが、GridView GridLinesはIEでは表示されませんが、FirefoxとChromeに表示されています。 IE側で必要な具体的なことがありますか?GridView LinesがIEに表示されない

 
     /* grid table */ 
     table.gridview { border-collapse: collapse; margin: 0px !important; border: #6593CF 1px solid; } 
     .gridview td { font-size: 11px; font-family: Arial; color: #000000; cursor: default; text-align: left; } 
     .gridview th { font-size: 11px; font-family: Arial; color: #484848; cursor: default; text-align: left; } 
     table.gridview a { color: #000000; text-decoration: none; } 
     table.gridview a:hover { text-decoration: underline; } 

     /* header row */ 
     tr.gridview_hdr { background-color: #DEECFF; } 
     .gridview_hdr th { color: black; font-weight: normal; text-align: left;border-top: solid 1px #6593CF; border-bottom: solid 1px #6593CF; border-left: solid 1px #6593CF; border-right: solid 1px #6593CF; padding-left: 5px; padding-right: 5px; padding-top: 2px; padding-bottom: 2px; } 
     .gridview_hdr th a { color: #000000; text-decoration: none; font-weight: bold; } 
     .gridview_hdr th a:hover { color: #000000; text-decoration: underline; } 

     /* item row */ 
     tr.gridview_itm { background-color: #FFFFFF; } 
     .gridview_itm td { padding: 2px 5px; border-right: #FFFFFF 0px solid; border-top: #FFFFFF 1px solid; border-left: #FFFFFF 0px solid; border-bottom: #ADD1FF 1px solid; } 
     .gridview_itm td a { text-decoration: underline; } 

     /* alternating item row */ 
     tr.gridview_aitm { background-color: #FFFFFF; } 
     .gridview_aitm td { padding: 2px 5px; border-right: #FFFFFF 0px solid; border-top: #FFFFFF 1px solid; border-left: #FFFFFF 0px solid; border-bottom: #ADD1FF 1px solid; } 
     .gridview_aitm td a { text-decoration: underline; } 

     /* pager row */ 
     tr.gridview_pgr { width : 100%; 
          font-family:verdana; 
          font-weight: bold; 
          font-size: 11pt; 
          color: #ff9900;      
         } 
     .gridview_pgr td { background-image: url(/Monitor/App_Themes/Sugar2006/images/bg.gif); background-repeat: repeat-x; height: 23px; padding: 0px; font-size: 10px; font-family: Arial; } 
     .gridview_pgr_ddl { font-size: 10px; font-family: Arial; } 
     .gridview_pgr A{ 
      font-family:verdana; 
      font-size: 9pt; 
      text-decoration: none; 
      color: #0000ff;     
      } 

と、これは私のaspxページです: これはGridViewのための私のCSSファイルでも

 
     asp:GridView 
      ID="GridView1" 
      runat="server" 
      CssClass="gridview" 
      RowStyle-CssClass="gridview_itm" 
      AlternatingRowStyle-CssClass="gridview_aitm" 
      HeaderStyle-CssClass="gridview_hdr" 
      PagerStyle-CssClass="gridview_pgr" 
      AutoGenerateColumns="False" 
      AllowPaging="True" PageSize="50" Width="100%" AllowSorting="True" 
      onsorting="GridView1_Sorting" onrowdatabound="gridView1_RowDataBound" 
      onpageindexchanging="GridView1_PageIndexChanging"> 

私は、GridViewコントロールのプロパティのグリッド線= "両方" を持っています。 私は何が間違っていますか?

ありがとうございました。

+0

生のHTMLを投稿すると、ASPXを読めないユーザーは助けになります。 – KatieK

+0

私はこの問題で利用可能なすべてのasp.netコードをHTMLコードなしです。 –

+0

確かにFirefox、Chrome、IEはHTMLを読み込んでいますか? – KatieK

答えて

3

GridViewでは、宣言bordercolor属性によって、表自体にのみ適用されるインラインスタイル宣言が追加され、個々のセルには適用されません。

bordercolor属性をプログラムで追加すると、インラインスタイルは使用されませんが、ブラウザーが表内のすべての罫線に適用されるHTML bordercolorプロパティーが使用されます。

+0

それでもグリッド線は表示されません: –

+0

答えが更新されました。 – IrishChieftain

+0

FYI ... RowDataBoundハンドラにコードを移動しましたが、元のコードがうまくいくはずです。そのため、上記のサンプル内のすべてのCSSをコメントアウトするか、またはより良いことに、グリッドを使って簡単なテストページを作成してください:) – IrishChieftain

関連する問題