2009-10-20 3 views
2

На странице aspx, над которой я работаю, таблица создается на стороне сервера и отлично смотрится на странице. Кроме того, на этой странице есть небольшой нижний колонтитул. Конечным результатом является то, что когда содержимое в таблице становится достаточно длинным, таблица проходит мимо нижнего колонтитула, но нижний колонтитул не перестраивается в нижней части таблицы. Какую магию css мне нужно добавить в стиль div, окружающего стол или вокруг нижнего колонтитула, чтобы заставить все работать?Перекрытие нижнего колонтитула динамически сгенерированного стола

Вот некоторые из кода нарушившей:

<div id="contentPlusFooter"> 
       <div id="content" class="ContentWidth"> 
        <div style="margin-left: 10px;"> 
         <div id="contentBanner" class="insideContentWidth"> 
          <span class="contentBannerTitle">Inventory Tracking Report:</span> 
         </div> 
         <asp:Repeater ID="rptInventory" runat="server"> 
          <ItemTemplate> 
           <asp:GridView ID="gvInventory" runat="server" CssClass="insideContentWidth" GridLines="None" 
            AllowPaging="True" AllowSorting="True" AutoGenerateColumns="False" PageSize="20" 
            EmptyDataText="No inventory items found"> 
            <RowStyle CssClass="rowStyle" /> 
            <AlternatingRowStyle CssClass="altRowStyle" /> 
            <HeaderStyle CssClass="tableHeader" HorizontalAlign="left" /> 
            <Columns> 
             <asp:BoundField DataField="Description" HeaderText="Description" SortExpression="Description" /> 
             <asp:BoundField DataField="MinInventoryLevel" HeaderText="Minimum Inventory Level" 
              SortExpression="MinInventoryLevel" /> 
             <asp:BoundField DataField="CurrentInventoryLevel" HeaderText="Current Inventory Level" 
              SortExpression="CurrentInventoryLevel" /> 
             <asp:TemplateField HeaderText="Inventory Start Date" SortExpression="InventoryStartDate"> 
              <ItemTemplate> 

              </ItemTemplate> 
             </asp:TemplateField> 
            </Columns> 
           </asp:GridView> 
           <br /> 
          </ItemTemplate> 
         </asp:Repeater> 
        </div> 
       </div> 
       <rw:adminfooter id="Footer" runat="server" /> 
      </div> 
+3

Нам нужен код HTML. –

+0

Какие версии браузеров вы проверили? – Greg

+0

Приложение в настоящее время протестировано только в IE7, поэтому ни один из других браузеров не имеет значения. (Если бы это зависело от меня, это было бы не так, но что вы можете сделать ...) –

ответ

0

Я бы обернуть заголовок, содержание и колонтитул в таблице 3 строки.

+0

Ну, попробовал 3-х рядный стол, и он не сработал. Вместо этого нижний колонтитул перекрывает содержимое, а также предотвращает показ содержимого, которое находится ниже его. Спасибо за предложение. –

+0

У вас, вероятно, есть плавающий div, определенный в вашем CSS. –

0

Не идеальное решение, но я только переместил нижний колонтитул в основной контент div. Вид взлома, но он выглядит прекрасно и функциональность сохраняется. Иногда борьба с css просто не стоит времени ...

Смежные вопросы