X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Не могу убрать белое пространство внизу страницы
Gera
Gera
Topic Starter сообщение 9.4.2020, 13:21; Ответить: Gera
Сообщение #1


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

Есть страница регистрации https://trening.fincult.ru/reg_april2020 , вроде всё отображается с ноутбука и телефона корректно, но вот с ноутбука внизу есть бело пространство http://joxi.ru/xAeJdEXsR1Ojxr , которое никак не могу убрать и даже через инспектор кода не могу понять откуда оно возникает.
Уверен, что там мелочь какая-та, но вот понять не могу, уже второй день голову ломаю.

Может кто-нибудь посмотреть и подсказать в чем причина и как её решить?
Буду признателен, с меня + и отзыв!

Заранее благодарю.


--------------------
Мой YouTube канал, где я рисую картины баллончиками в стиле Spray Paint Art и обучаю этому ТЫК
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
qpPeW
qpPeW
сообщение 9.4.2020, 13:41; Ответить: qpPeW
Сообщение #2


Цитата
html, body, .gc-main-content { height: 100%; }
.main-screen-block { min-height: 100%; background-position: left bottom; background-color: #ffcc00; }


--------------------
Веб-разработка (HTML5, CSS3, JavaScript, jQuery, Ajax, PHP) :: БЫСТРО :: КАЧЕСТВЕННО :: ДОСТУПНО


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Gera
Gera
Topic Starter сообщение 9.4.2020, 13:53; Ответить: Gera
Сообщение #3


Цитата(qpPeW @ 9.4.2020, 13:41) *
html, body, .gc-main-content { height: 100%; }
.main-screen-block { min-height: 100%; background-position: left bottom; background-color: #ffcc00; }

Добавил, но белое пространство всё равно отображается (
Или я что-то не так сделал..


--------------------
Мой YouTube канал, где я рисую картины баллончиками в стиле Spray Paint Art и обучаю этому ТЫК
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
qpPeW
qpPeW
сообщение 9.4.2020, 14:07; Ответить: qpPeW
Сообщение #4


Gera, упустил один класс, замените
html, body, .gc-main-content { height: 100%; }
на
html, body, .gc-main-content, .block-set { height: 100%; }


--------------------
Веб-разработка (HTML5, CSS3, JavaScript, jQuery, Ajax, PHP) :: БЫСТРО :: КАЧЕСТВЕННО :: ДОСТУПНО


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Gera
Gera
Topic Starter сообщение 9.4.2020, 14:14; Ответить: Gera
Сообщение #5


qpPeW, действительно помогло, сейчас вроде всё хорошо, спасибо вам большое.
1. Даже стало интересно, как вы так быстро поняли в чем причина и как нашли способ решения :) :popcorn1:
2. Тут кажется полосы какие-то стали видны http://joxi.ru/KAxVOXMSZeg35m , не критично, но так понимаю, что фон по низу выровнялся, а вверху заполнение цветом идет.

Сообщение отредактировал Gera - 9.4.2020, 14:16


--------------------
Мой YouTube канал, где я рисую картины баллончиками в стиле Spray Paint Art и обучаю этому ТЫК
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
qpPeW
qpPeW
сообщение 9.4.2020, 14:27; Ответить: qpPeW
Сообщение #6


Gera, у вас верстка немного хромает и картинки не совсем правильно нарезаны.


--------------------
Веб-разработка (HTML5, CSS3, JavaScript, jQuery, Ajax, PHP) :: БЫСТРО :: КАЧЕСТВЕННО :: ДОСТУПНО


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Gera
Gera
Topic Starter сообщение 9.4.2020, 22:18; Ответить: Gera
Сообщение #7


qpPeW, попросил другого человека проверить после этих правок, и он написал, что Explorer вот так отображается http://joxi.ru/J2bWGbdiGbq1wA , а в Mozilla вот так http://joxi.ru/a2X9kbjcD3Q9bA , а если убрать этот код, то полоса большая http://joxi.ru/xAeKjbZtgKMypm (разрешение монитора 1920*1080), решили убрать пока эти правки, вдруг у многих так будет отображаться, лучше пусть полоса будет.


--------------------
Мой YouTube канал, где я рисую картины баллончиками в стиле Spray Paint Art и обучаю этому ТЫК
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
qpPeW
qpPeW
сообщение 16.4.2020, 14:57; Ответить: qpPeW
Сообщение #8


Gera, сделайте нормальную нарезку картинок и все будет гуд.


--------------------
Веб-разработка (HTML5, CSS3, JavaScript, jQuery, Ajax, PHP) :: БЫСТРО :: КАЧЕСТВЕННО :: ДОСТУПНО
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
virvichyba
virvichyba
сообщение 26.4.2020, 17:54; Ответить: virvichyba
Сообщение #9


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

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
2 чел. читают эту тему (гостей: 2, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Нужно ли закрывать ненужные страницы тегом noindex, follow?
8 noviktamw 2914 2.3.2024, 12:53
автор: toplinks
Открытая тема (нет новых ответов) Сверстать страницы из figma
нужно сделать страницы для веб приложения
1 bluestorm 1297 7.6.2022, 18:11
автор: doharddocode
Открытая тема (нет новых ответов) Подобрать группы и страницы и разместить ссылку
4 Lacomka 3412 21.2.2022, 8:43
автор: АлексейWEB
Открытая тема (нет новых ответов) Верстка и внедрение на сайт макета главной страницы
Требуется: с Figma на Laravel
2 ARsHi 1673 27.3.2021, 0:57
автор: Ogaelath
Открытая тема (нет новых ответов) Кто возьмется за продвижение сайта со второй страницы на первую в Гугле
и за сколько?
9 Mukanov 2274 24.8.2020, 3:34
автор: adamsadriane


 



RSS Текстовая версия Сейчас: 24.4.2024, 7:11
Дизайн