Границы сетки данных asp.net выглядят по-разному (плохо) в других браузерах

Question

Границы сетки данных asp.net выглядят по-разному (плохо) в других браузерах

Привет, Я понимаю, что страницы будут выглядеть по-разному в разных браузерах, но моя выглядит потрясающе в Chrome, хорошо в Mozilla и довольно плохо в IE 7.

К сожалению, большинство людей, использующих мою страницу, будут использовать IE.

Моя проблема с границами. У меня есть красноватая граница вокруг рядов сетки. В хроме все они появляются как должны. В Firefox работают нижний и верхний ряды, а также правый и левый внешние столбцы, но все внутренние столбцы не имеют вертикальных границ.

В IE все границы отсутствуют. Между моими столбцами и строками просто белые промежутки.

Я был бы очень признателен за любые подсказки или уловки, которые вы, ребята, могли бы бросить мне.

РЕДАКТИРОВАТЬ:

  <asp:GridView ID="ProductsGrid" runat="server" 
        AutoGenerateColumns="False" Height="323px" 
        style="margin-top: 23px; margin-left: 0px;" BackColor="White" 
        BorderStyle="None" BorderWidth="0px" CellPadding="4"
        Width="1210px" OnPageIndexChanging="gridView_PageIndexChanging"
        onrowdatabound="ProductsGridView_RowDataBound" AllowPaging="True"
        PageSize="25">

        </Columns>
        <EmptyDataRowStyle BackColor="Gray" />
        <FooterStyle BackColor="#FFFFCC" ForeColor="#330099" />
        <HeaderStyle BackColor="Black" Font-Bold="True" ForeColor="White" />
        <PagerStyle BackColor="#FFFFCC" ForeColor="#330099" HorizontalAlign="Center" />
        <RowStyle ForeColor="#330099" BackColor="White" BorderColor="#6E1414" 
            BorderWidth="1px" />
        <SelectedRowStyle BackColor="#FFCC66" Font-Bold="True" ForeColor="#663399" />
        <SortedAscendingCellStyle BackColor="#FEFCEB" />
        <SortedAscendingHeaderStyle BackColor="#AF0101" />
        <SortedDescendingCellStyle BackColor="#F6F0C0" />
        <SortedDescendingHeaderStyle BackColor="#7E0000" />
    </asp:GridView>

1

asp.net css internet-explorer gridview google-chrome

задан Kelsey 5 August 2010 в 16:25

1 ответ

Другие вопросы по тегам:

asp.net css internet-explorer gridview google-chrome

Похожие вопросы:

score 2 · Accepted Answer

Попробуйте добавить свойство GridLines в свой GridView :

<asp:GridView ID="ProductsGrid" runat="server" GridLines="None" ...

Вы можете установить свойство на None , ] Оба , По горизонтали или По вертикали . Вы должны иметь возможность заставить его работать так, как вы намереваетесь, используя свойство GridLines .

РЕДАКТИРОВАТЬ: Я думаю, он работает так, как вам нужно. Попробуйте следующее:

Создайте стиль CSS:

<style type="text/css">
    .yourRowStyle td
    {
        border: solid 1px #6E1414;
    }
</style>

Затем замените свой RowStyle на:

<RowStyle CssClass="yourRowStyle" ForeColor="#330099" BackColor="White" />

Также убедитесь, что для GridView установлено значение GridLines = "Нет" .

Я тестировал его, и он должен работать, хотя я не совсем уверен, как вы хотите, чтобы это выглядело. Вы можете Css переопределить причуды GridView .