Дизайн веб-страницы оптимизирован для 1024x768

Question

Дизайн веб-страницы оптимизирован для 1024x768

0

Я пытаюсь создать веб-страницу, которая поддерживает несколько разрешений, причем 1024 минимально поддерживается. Пользователи с более высоким разрешением просто получат белые полосы слева и справа от веб-страницы.

В верхнем центре страницы появится баннер. Ниже будет 2 изображения, одно слева, а другое справа.

В настоящее время я использую HTML <table> для управления позицией изображений и баннеров, чтобы гарантировать, что мониторы с более высоким разрешением не испортят мой макет.

Вот мой код:

<table style="width: 1024px; margin: auto; border: 0px">
  <tr>
  <td rowspan="2">
   <img alt="banner" class="float-left" src="img/banner.png" />
  </td>
 </tr>
 <tr>
  <td>
   <asp:ImageButton class="float-left" ID="ImageButton2" runat="server" ImageUrl="~/img/img_left.png" />
  </td>
  <td>
   <asp:ImageButton class="float-right" ID="ImageButton3" runat="server" ImageUrl="~/img/img_right.png" />
  </td>
 </tr>
</table>

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

Может ли кто-нибудь увидеть, что я делаю неправильно?

j_t_fusion 04 дек. 2013, в 23:35

Источник

0

Я бы порекомендовал использовать процент для вашей ширины вместо пикселей. Устанавливая ширину 1024 пикселей, вы говорите, что ваш стол всегда будет шириной 1024 пикселей. Поэтому на мониторах с разрешением менее 1024 вы увидите горизонтальные полосы прокрутки. Попробуйте установить ширину на 80% и посмотреть, работает ли она лучше.
lhan 04 дек. 2013, в 21:54
0

Если вы используете <table> для создания макета, вы, вероятно, делаете это неправильно. Используйте <div> .
tadman 04 дек. 2013, в 22:10
0

использование div или установка ширины не работали, я все еще получаю узкую белую рамку вокруг страницы. я нашел способ «смягчить» проблему, уменьшив ширину моего баннера img, и сделал цвет фона для div, чтобы он выглядел как баннер.
j_t_fusion 07 дек. 2013, в 19:25

Показать ещё 1 комментарий

Теги:

html

html-table

table

1 ответ

Ещё вопросы

Я бы порекомендовал использовать процент для вашей ширины вместо пикселей. Устанавливая ширину 1024 пикселей, вы говорите, что ваш стол всегда будет шириной 1024 пикселей. Поэтому на мониторах с разрешением менее 1024 вы увидите горизонтальные полосы прокрутки. Попробуйте установить ширину на 80% и посмотреть, работает ли она лучше.
Если вы используете <table> для создания макета, вы, вероятно, делаете это неправильно. Используйте <div> .
использование div или установка ширины не работали, я все еще получаю узкую белую рамку вокруг страницы. я нашел способ «смягчить» проблему, уменьшив ширину моего баннера img, и сделал цвет фона для div, чтобы он выглядел как баннер.

Nick · Answer 1 · 2013-12-04T21-17-00.000Z

То, что я бы рекомендовал сделать, это указать максимальную ширину. Это позволит сайту по-прежнему быть 1024px, и он не будет увеличиваться выше этого. Оттуда вы можете указать ширину процента.

макс-ширина: 1024px; ширина: 95%; (или 100%)

Надеюсь, это помогло.