VPF::разьезжается страница слишком сильно в ширину

draiv

Дата 27.11.2007, 18:26 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 95
Регистрация: 23.5.2007

Репутация: нет
Всего: нет

Некоторые страницы слишком сильно разьезжаются по ширине.
Из-за этого появляется горизонтальный скроллинг.
Хотя ничто не мешает (визуально) им быть уже.
Эта проблема встречается только в IE,
в FireFox эти страницы не разьезжаются.

к примеру есть страница со следующим содержанием:

Код


<asp:Content ID="Content1" ContentPlaceHolderID="SearchJobsMasterContent" runat="server">
  <form runat="server">
    <asp:GridView ID="gvJobSites" GridLines="Vertical" CellPadding="2" CellSpacing="0"
     runat="server" EnableViewState="False" RowStyle-VerticalAlign="Top" Width="530" 
      AutoGenerateColumns="False" OnRowDataBound="gvJobSites_RowDataBound">
          <EmptyDataTemplate>No job sites found</EmptyDataTemplate>
      <Columns>
              <asp:TemplateField HeaderText="Job Site">
                  <ItemStyle HorizontalAlign="Left" VerticalAlign="Top"></ItemStyle>
                  <ItemTemplate>
                      <asp:HyperLink runat="server" ID="hlJobSite" EnableViewState="False" Target="_blank" />
                  </ItemTemplate>
          <HeaderStyle HorizontalAlign="Left" />
              </asp:TemplateField>
              <asp:BoundField HeaderText="Created Date" >
          <ItemStyle HorizontalAlign="Left" />
          <HeaderStyle HorizontalAlign="Left" />
        </asp:BoundField>
        <asp:BoundField HeaderText="Status" >
          <ItemStyle HorizontalAlign="Center" />
          <HeaderStyle HorizontalAlign="Center" />
        </asp:BoundField>
              <asp:BoundField HeaderText="Update Interval (min)" >
          <ItemStyle HorizontalAlign="Center" />
          <HeaderStyle HorizontalAlign="Center" />
        </asp:BoundField>       
        <asp:BoundField HeaderText="Job Relevance Ratio (%)">
          <ItemStyle HorizontalAlign="Right" />
          <HeaderStyle HorizontalAlign="Right" />
        </asp:BoundField>
        <asp:TemplateField HeaderText="Edit">
                  <ItemStyle HorizontalAlign="Center" VerticalAlign="Top"></ItemStyle>
                  <ItemTemplate>
                      <asp:HyperLink runat="server" ID="hlEdit" EnableViewState="False">Edit</asp:HyperLink>
                  </ItemTemplate>
          <HeaderStyle HorizontalAlign="Center" />
              </asp:TemplateField>
      </Columns>
      <HeaderStyle Font-Size="9pt" />
    </asp:GridView>
  </form>  
</asp:Content>

Эта страница при Width="530" у GridView смотрится хорошо.
Но если увеличить Width хоть на 1, страница сразу расширяется до размера, в полтора раза большего, чем был при 530px. Справа от таблицы просто остается пустое пространство, которое не занимается при сужении окна. На других страницах такое же поведение-после превышения определенного значения ширины контента хоть на 1px страница резко увеличивается в ширину, остается либо не используемое свободное пространство, либо столбцы таблиц становятся излишне широкими (если установлено Width="100%" у таблиц).

Корневым для этого контента является <td width="85%">, слева от этого столбца есть есче 1, ширина которого никакими атрибутами не регулируется.
Непосредственно для этой страницы проблема исчезает если вообще убрать атрибут Width, но для других страниц это не помогает (похоже для тех, которые имеют контент большей ширины, чем некоторое значение), не помогает также если указывать Width="100%".

Подскажите ПЛИИИИЗ, в чем причина такого поведения страницы и как его избежать???
(проблема только в IE, в FireFox все нормально, в других браузерах не смотрел-не поддерживаются)

draiv

Дата 28.11.2007, 15:02 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 95
Регистрация: 23.5.2007

Репутация: нет
Всего: нет

Нарыл, что это характерная проблема для IE6 при наличии кода не соответствующего DocType.
(у меня <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">)
Но у меня эта проблема наблюдается в IE7 (или она осталась и в этой версии?).
Манипуляции с DocType не помагают.

1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »