Как сделать резиновую страницу под разрешение любых мониторов

Сообщение **Felix** » 15 янв 2020, 17:46

Всем привет.
Я новичок в работе с WYSIWYG Web Builder.
Пользуюсь версией 10.4.6
Делаю простенький сайт.
Столкнулся с проблемой как сделать резиновую страницу, чтобы фоновое изображение - картинка растягивалось во все стороны, сохраняя пропорции, при просмотре на мониторах с разным разрешением.
Сейчас при уменьшении экрана браузера, внизу появляется прокрутка, а справа от картинки появляется пустая незанятая область.
Файл с проектом находится на файлообменнике по сссылке http://wdfiles.ru/azjD

Сообщение **anonimus** » 15 янв 2020, 19:30

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

Сообщение **spoon** » 15 янв 2020, 20:14

Билдер не обладает относительными размерами vh и hw, поэтому придется делать точки под разные экраны, конечно и с относительными размерами точки будут но одна, максимум две.

Сообщение **sinpai** » 16 янв 2020, 13:32

А почему именно в 10 версии? Перейдите на последнюю или предпоследнюю и работайте через те же сетки.

Сообщение **Felix** » 17 янв 2020, 03:38

А почему именно в 10 версии? Перейдите на последнюю или предпоследнюю и работайте через те же сетки.[/quote]
Ну если уже есть 10я версия. И в ней можно все это сделать.
Какой смысл сейчас покупать новую?

Спасибо. друзья. Как я понял, нужно делать точки останова и адаптивный дизайн.
А вот еще проблема появилась. Конечно элементарно, но не пойму в чем дело.
Вот страница. на ней картинка, на картинке сверху слой, на слое текст.
Свойства слоя - режим по умолчанию, ни где галки не стоят, выравнивание по центру.
И этот текст в браузере не отображается. Его нет. Почему?
Как правильно делать большой текст для статьи, например? Слой, форма или что и с какими свойствами?
Спасибо.
Вот проект страницы с проблемой. http://wdfiles.ru/azzH

Сообщение **spoon** » 17 янв 2020, 06:43

В слое выставите floating, Да и зачем вы на слой поставили слой? И хватит уже использовать слои для верстки, используйте сетки, флексы :men:

Сообщение **Esox** » 17 янв 2020, 08:53

Верно. Я тоже начинал со слоев.
По рекомендации тут перешёл на сетки.
И скажу, что это в разы удобнее.

Сообщение **Felix** » 17 янв 2020, 15:52

spoon писал(а):используйте сетки, флексы

Спасибо. А есть видео как работать с сетками?
И в десятой версии есть этот инструмент?

Отправлено спустя 10 минут 12 секунд:

spoon писал(а): Да и зачем вы на слой поставили слой?

Ну а если нижний слой это картинка - фоновое изображение, то текст сверху на что сажать?
Ему же нужна непрозрачная основа, как правильно сделать?

Сообщение **spoon** » 17 янв 2020, 16:11

Можно сделать картинку фоном. А если уж совсем ни как без слоя то используйте фон текста

Сообщение **Felix** » 17 янв 2020, 16:23

Попробовал плавающий слой, но текст все равно не отображается на нем в браузере.

Сообщение **Felix** » 17 янв 2020, 19:45

spoon писал(а):В слое выставите floating

Не работает

Сообщение **spoon** » 17 янв 2020, 20:45

Все работает

Сообщение **Felix** » 17 янв 2020, 22:04

А сетки есть в 10й версии?

Сообщение **Vitamin701** » 17 янв 2020, 23:36

Felix, Так посмотри есть Сетки или нет. У кого 10-я версия? У тебя или у остальных? На английском Grid

Сообщение **Felix** » 18 янв 2020, 00:14

А где этот инструмент находится? В расширенных, там где карусель, слой или где?
Или это во вкладке Вид "сетка" "привязать к сетке"?
Но как я понимаю, это просто направляющие. Или что?

Сообщение **Vitamin701** » 18 янв 2020, 01:27

Там, где все инструменты. Но раз не видишь.....похоже, что нету. Вообще не в курсе про 10 версию

Отправлено спустя 1 минуту 47 секунд:
Да, там где каресель , слой и т.д.
Попробуй еще прямо там же правый клик и "настроить инструменты". В правом столбике посмотри, может он там есть

Кто сейчас на конференции

Добро пожаловать на форум!