<asp: GridView> ширина, <div>ширина

Question

у меня есть следующий код разметки:

<div style="width: 72%; margin: 15px; margin-left: auto; margin-right: auto;">
    <center>
        <div style="border-top: Solid 1px Black; border-left: Solid 1px Black; border-right: Solid 1px Black;
        padding: 5px; background-color: #EEEEEE;">
        </div>
        <asp:GridView Style="width: 100%;" BorderWidth="1px" BorderColor="Black">
        </asp:GridView>
    </center>
</div>

результат таков:

в чем может быть причина такого расхождения в левом верхнем углу?

РЕДАКТИРОВАТЬ: это происходит только в Firefox. Интересно, как я должен подойти к проблеме. тривиально, я знаю, но эй.

Answer 1

Граница сетки (которая является таблицей) находится за пределами ширины 100% (так работает режим стандартов CSS). Также центральная метка не рекомендуется в стандартном режиме.

Уловка, которую вы могли бы использовать для решения этой проблемы, состоит в том, чтобы переписать внутренний тег div в таблицу, похожую на сетку:

<table style="border-top: Solid 1px Black; border-left: Solid 1px Black; 
  border-right: Solid 1px Black; border-collapse:collapse; 
  background-color: #EEEEEE; width:100%">
  <tr>
    <td style='padding: 5px'>(inner stuff)</td>
  </tr>
</table>

Таким образом, у нее будет одинаковая граница за пределами таблицы.