Центрирование фонового изображения при разных разрешениях экрана

03.02.2012, 13:06. **Показов** 4596. **Ответов** 1

Студворк — интернет-сервис помощи студентам

Столкнулся с проблемой центрирования фонового изображения при просмотре страницы при меньшем разрешении нежели изначально создавалась страница.

Дается код (при этом ширина картинки 123.gif равна 1280, и планируемая страница под разрешение 1280.

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<HTML>
<HEAD>
<TITLE></TITLE>
<META name="description" content="">
<META name="keywords" content="">
<style type="text/css">
HTML {
background: #D6D7CE url(123.gif) no-repeat; 
background-position:50% 50%;
   }
</style>
</HEAD>
<BODY>
 
</BODY>
</HTML>

И казалось бы все должно четко работать. Но стоит в этот код поместить таблицу или картинку, размером около около 1200 и просматривать страницу на меньшем разрешении экрана, когда эта картинка уже не помещается на всю его ширину, происходит очень неприятное смещение таких объектов за правую границу экрана, нарушается их центрирование, а фон остается на месте. Что особенно заметно при симметрии рисунка фоновой картинки.

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<HTML>
<HEAD>
<TITLE></TITLE>
<META name="description" content="">
<META name="keywords" content="">
<style type="text/css">
HTML {
background: #D6D7CE url(123.gif) no-repeat; 
background-position:50% 50%;
   }
</style>
</HEAD>
<BODY>
               // например
<table width=1200 border=0 cellspacing=0 cellpadding=0 align=center>
<tr><td height=450></td></tr></table>
 
              // или например
<div style="display:block;float:center;margin: 5px 5px 5px 5px;">
<img width=1200 height=250 src="000.gif" BORDER=0 alt=""></a>
</div>
 
</BODY>
</HTML>

Есть ли решение заставить центрироваться все объекты даже при меньшем разрешении экрана?

@conformist · 03.02.2012, 20:32

Сообщение от Zirali

Есть ли решение заставить центрироваться все объекты даже при меньшем разрешении экрана?

вы размер таблицы указали жестко в пикселях, поэтому она и не уменьшается

Новые блоги и статьи Все статьи Все блоги /
Перемещение выделенных строк ТЧ из одного документа в другой Maks 31.03.2026 Реализация из решения ниже выполнена на примере нетипового документа "ВыдачаОборудованияНаСпецтехнику" с единственной табличной частью "ОборудованиеИКомплектующие" разработанного в конфигурации КА2. . . .	Functional First Web Framework Suave DevAlt 30.03.2026 Sauve. IO Апнулись до NET10. Из зависимостей один пакет, работает одинаково хорошо как в режиме проекта так и в интерактивном режиме. из сложностей - чисто функциональный подход. Решил. . .	Автоматическое создание документа при проведении другого документа Maks 29.03.2026 Реализация из решения ниже выполнена на нетиповых документах, разработанных в конфигурации КА2. Есть нетиповой документ "ЗаявкаНаРемонтСпецтехники" и нетиповой документ "ПланированиеСпецтехники". В. . .	Настройка движения справочника по регистру сведений Maks 29.03.2026 Решение ниже реализовано на примере нетипового справочника "ТарифыМобильнойСвязи" разработанного в конфигурации КА2, с целью учета корпоративной мобильной связи в коммерческом предприятии. . . .
Автозаполнение реквизита при выборе элемента справочника Maks 27.03.2026 Программный код из решения ниже на примере нетипового документа "ЗаявкаНаРемонтСпецтехники" разработанного в конфигурации КА2. При выборе "Спецтехники" (Тип Справочник. Спецтехника), заполняется. . .	Сумматор с применением элементов трёх состояний. Hrethgir 26.03.2026 Тут. https:/ / fips. ru/ EGD/ ab3c85c8-836d-4866-871b-c2f0c5d77fbc Первый документ красиво выглядит, но без схемы. Это конечно не даёт никаких плюсов автору, но тем не менее. . . всё может быть. . .	Автозаполнение реквизитов при создании документа Maks 26.03.2026 Программный код из решения ниже размещается в модуле объекта документа, в процедуре "ПриСозданииНаСервере". Алгоритм проверки заполнения реализован для исключения перезаписи значения реквизита,. . .	Команды формы и диалоговое окно Maks 26.03.2026 1. Команда формы "ЗаполнитьЗапчасти". Программный код из решения ниже на примере нетипового документа "ЗаявкаНаРемонтСпецтехники" разработанного в конфигурации КА2. В качестве источника данных. . .