С Новым годом! Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.74/23: Рейтинг темы: голосов - 23, средняя оценка - 4.74
Zirali

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

03.02.2012, 13:06. Показов 4551. Ответов 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>
Есть ли решение заставить центрироваться все объекты даже при меньшем разрешении экрана?
Programming
Эксперт
39485 / 9562 / 3019
Регистрация: 12.04.2006
Сообщений: 41,671
Блог
03.02.2012, 13:06
Ответы с готовыми решениями:

Отображение сайта при разных разрешениях экрана
http://anichan.moy.su/ Если смотреть с других экранов (разрешение) То сайт становиться кривоватым, а именно все кроме верхнего...

Как сделать, чтобы div не сдвигался при разных разрешениях экрана?
Как сделать, чтобы div не сдвигался при разных разрешениях экрана?

Как сделать так, что бы текст в блоке, был в ряд, при разных разрешениях экрана
Как сделать так, что бы текст в блоке, был в ряд, при разных разрешениях экрана ? html &lt;div id=&quot;saa&quot;&gt;&lt;a...

1
O tempora, o mores!
 Аватар для conformist
238 / 172 / 13
Регистрация: 15.01.2012
Сообщений: 681
03.02.2012, 20:32
Цитата Сообщение от Zirali Посмотреть сообщение
Есть ли решение заставить центрироваться все объекты даже при меньшем разрешении экрана?
вы размер таблицы указали жестко в пикселях, поэтому она и не уменьшается
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
inter-admin
Эксперт
29715 / 6470 / 2152
Регистрация: 06.03.2009
Сообщений: 28,500
Блог
03.02.2012, 20:32
Помогаю со студенческими работами здесь

Плохо отображается сайт на разных разрешениях экрана
Добрый день, помогите мне пожалуйста. У меня есть сайт и он плохо отображается на разных разрешениях экрана. Вот скриншот: А вот...

Сайт отображается по-разному на разных разрешениях экрана
Навеяло отсюда: https://www.cyberforum.ru/html/thread75385.html А кто-нибудь мне поможет? У всех людей монитор с разными...

Сбивается gui при разных разрешениях экрана (2D)
при другом разрешение экрана gui становится в плохое положение как сделать чтоб эт цифры при разном разрешении были в норм положении ...

Загрузка скриптов при разных разрешениях экрана
Можно ли загрузить внешний файл со скриптами таким способом? &lt;code lang=&quot;html&quot;&gt; &lt;script type=&quot;text/javascript&quot;...

Различие изображениий при разных разрешениях экрана
Как можно избавится от такого эффекта? Функция изменения размера окна: GLvoid ReSizeGLScene( int width, int height ) { ...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
2
Ответ Создать тему
Новые блоги и статьи
Восстановить юзерскрипты Greasemonkey из бэкапа браузера
damix 15.01.2026
Если восстановить из бэкапа профиль Firefox после переустановки винды, то список юзерскриптов в Greasemonkey будет пустым. Но восстановить их можно так. Для этого понадобится консольная утилита. . .
Изучаю kubernetes
lagorue 13.01.2026
А пригодятся-ли мне знания kubernetes в России?
Сукцессия микоризы: основная теория в виде двух уравнений.
anaschu 11.01.2026
https:/ / rutube. ru/ video/ 7a537f578d808e67a3c6fd818a44a5c4/
WordPad для Windows 11
Jel 10.01.2026
WordPad для Windows 11 — это приложение, которое восстанавливает классический текстовый редактор WordPad в операционной системе Windows 11. После того как Microsoft исключила WordPad из. . .
Classic Notepad for Windows 11
Jel 10.01.2026
Old Classic Notepad for Windows 11 Приложение для Windows 11, позволяющее пользователям вернуть классическую версию текстового редактора «Блокнот» из Windows 10. Программа предоставляет более. . .
Почему дизайн решает?
Neotwalker 09.01.2026
В современном мире, где конкуренция за внимание потребителя достигла пика, дизайн становится мощным инструментом для успеха бренда. Это не просто красивый внешний вид продукта или сайта — это. . .
Модель микоризы: классовый агентный подход 3
anaschu 06.01.2026
aa0a7f55b50dd51c5ec569d2d10c54f6/ O1rJuneU_ls https:/ / vkvideo. ru/ video-115721503_456239114
Owen Logic: О недопустимости использования связки «аналоговый ПИД» + RegKZR
ФедосеевПавел 06.01.2026
Owen Logic: О недопустимости использования связки «аналоговый ПИД» + RegKZR ВВЕДЕНИЕ Введу сокращения: аналоговый ПИД — ПИД регулятор с управляющим выходом в виде числа в диапазоне от 0% до. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru