Старый 17.02.2018, 21:21 #1 (Ссылка)
Новичок
Дополнительная информация
По умолчанию

Ширина блока div относительно размера страницы


Здравствуйте!

Подскажите пожалуйста, на странице в несколько рядов, размещено по 100 картинок в каждом ряду, примыкающих друг к другу. Картинки размером 10х10.

При уменьшении размера экрана часть картинкок раньше перескакивали с своего ряда на нижний, подстраиваясь под размер экрана.

Мне нужно было, чтобы при уменьшении размера экрана, количество картинок в одном ряду не уменьшалось, а оставалось строго 100 картинок в каждом ряду.

Эту проблему я решил, добавлением в стили CSS, блока:

#boxShadowtext {
width: 100%;
max-width: 1030px;
min-width: 1030px;
margin: 1em auto;
padding: 1em;
border-radius: 10px;
background: rgb(255,245,237) radial-gradient(circle at 50% , rgba(255,255,255,.65), rgba(255,255,255,.35));
box-shadow:
inset rgba(0,0,0,.6) 0 -3px 8px,
inset rgba(252,255,255,.7) 0 3px 8px,
rgba(0,0,0,.8) 0 3px 8px -3px;
}

И с помощью <div id="boxShadowtext"> упаковал все картинки на странице в этот блок с уже строго заданными размерами по ширине 1030px;

Теперь количество картинок в каждом ряду по 100 зафиксировано блоком boxShadowtext, но при уменьшении размера экрана блок boxShadowtext вместе с картинками в нем вылазит за пределы экрана, страница эта: Картинки или вот скрин выходящего блока за пределы сайта при уменьшении экрана: image — imgbb.com

Вопрос: Как можно сделать, чтобы блок boxShadowtext с картинками расположенными в нём, автоматически уменьшался в размерах, под разные размеры экрана, но чтобы количество картинок при этом в ряду не уменьшалось и оставалось равное 100 шт? То есть, чтобы сам блок с содержимым просто уменьшался в размерах при уменьшении экрана.

Заранее спасибо за ответ.
Multilimon вне форума   Ответить с цитированиемОтветить с цитированием


Ответ

Опции темы

Ваши права в разделе
Вы не можете создавать новые темы
Вы не можете отвечать в темах
Вы не можете прикреплять вложения
Вы не можете редактировать свои сообщения

BB коды Вкл.
Смайлы Вкл.
[IMG] код Вкл.
HTML код Выкл.
Trackbacks are Вкл.
Pingbacks are Вкл.
Refbacks are Вкл.


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Ширина всех страниц форума vbulletin 4.2 weteran vBulletin 4.x.x 5 06.01.2016 02:32
Как сделать, чтобы при изменении основной ширины таблиц не менялась ширина постов? pbko vBulletin 7 20.08.2014 13:52
Вставка нового блока DIV RoInmana Начинающий кодер 13 05.03.2013 20:01
Ширина макета (сайта). На что ориентироваться? alibek_official Web дизайн 12 11.07.2010 18:04
Конфиг системного блока jennifer_locust Выбор компьютера 22 13.05.2010 21:21


Текущее время: 16:58. Часовой пояс GMT +3.

Powered by vBulletin®
Copyright ©2000 - 2021, WMboard.
Перевод: zCarot
 

Форум вебмастеров

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

Не беда, присоединяйся к сообществу вебмастеров, и зарабатывай вместе с нами!