Задать вопрос
Luffy1
@Luffy1
Student, Junior .NET programmer, C#, JS, HTML/CSS
html

Как убрать эту(смотрите скрины) полосу, находящуюся снизу фона?

Вот вид страницы:
5f354a4931163289148508.png
Вроде, всё в порядке. Но! Справа можно заметить полосу прокрутки, и если мы прокрутим вниз, то увидим эту полосу:
5f354a31bcf4e835296255.png
Так вот, как её убрать, чтобы страница приобрела ">такой вид, но уже без полосы прокрутки?
Вот мой код:
<!DOCTYPE html>
<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>Inst-Post Searcher</title>
    <style>
        body {
            background: #2a2929;
            background: -moz-linear-gradient(to bottom, #333 20%, #2a2929 90%, #808080);
            background: -webkit-gradient(linear, 0 0, 0 100%, from(#333), to(#808080), color-stop(0.5, #2a2929));
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333', endColorstr='#808080');
            background-size: 100% 100%;
        }
        html, body{
            height: 100%;
        }

        .new {
            color: darkorange;
            text-decoration: none;
            top: 25px;
        }
    </style>
</head>
<body>
    <div style="text-align: center;">
        <nobr><h1 style="color: darkorange;">Inst-Post Searcher</h1></nobr>
        <hr size="2" color="darkorange" />
    </div>
    <form method="post">
        <div style="left: 32.5%; text-align: center; font-size: 1.0vw; color: darkorange; background: none; border: none;">
            <hr style="position: absolute; top: 90%; width: 99%" size="5" color="#000000" />
            <nobr><a style="position: absolute; top: 95%; left: 33%" class="new" href='@Url.Page("/TermsOfUse")'>Условия использования</a></nobr>
            <nobr><a style="position: absolute; top: 95%; left: 43.5%" class="new" href='@Url.Page("/PrivacyPolicy")'>Политика конфиденциальности</a></nobr>
            <nobr><a style="position: absolute; top: 95%; left: 57.5%" class="new" href='@Url.Page("/DeveloperContacts")'>Контакты разработчика</a></nobr>
        </div>
    </form>
    @RenderBody()
</body>
</html>

Только без критики, пожалуйста! Вот чётко поставленный вопрос: как убрать эту полосу?
  • Вопрос задан
  • 339 просмотров
8 комментариев
Подписаться 1 Простой 8 комментариев
Решения вопроса 1
@bossigorxxx
Так попробуй:
<!DOCTYPE html>
<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>Inst-Post Searcher</title>
    <style>
        body {
            background: #2a2929;
            background: -moz-linear-gradient(to bottom, #333 20%, #2a2929 90%, #808080);
            background: -webkit-gradient(linear, 0 0, 0 100%, from(#333), to(#808080), color-stop(0.5, #2a2929));
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333', endColorstr='#808080');
            background-size: 100% 106%;
        }
        html, body{
            height: 100%;
        }

        .new {
            color: darkorange;
            text-decoration: none;
            top: 25px;
        }
    </style>
</head>
<body>
    <div style="text-align: center;">
        <nobr><h1 style="color: darkorange;">Inst-Post Searcher</h1></nobr>
        <hr size="2" color="darkorange" />
    </div>
    <form method="post">
        <div style="left: 32.5%; text-align: center; font-size: 1.0vw; color: darkorange; background: none; border: none;">
            <hr style="position: absolute; top: 90%; width: 99%" size="5" color="#000000" />
            <nobr><a style="position: absolute; top: 95%; left: 33%" class="new" href='@Url.Page("/TermsOfUse")'>Условия использования</a></nobr>
            <nobr><a style="position: absolute; top: 95%; left: 43.5%" class="new" href='@Url.Page("/PrivacyPolicy")'>Политика конфиденциальности</a></nobr>
            <nobr><a style="position: absolute; top: 95%; left: 57.5%" class="new" href='@Url.Page("/DeveloperContacts")'>Контакты разработчика</a></nobr>
        </div>
    </form>
    @RenderBody()
</body>
</html>
Ответ написан
5 комментариев
5 комментариев
Пригласить эксперта
Ответы на вопрос 1
@Vladneim
Начинающий верстальщик
Сделай лучше html, body{
height: 100vh;
}
Ответ написан
1 комментарий
1 комментарий
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы
Вакансии с Хабр Карьеры
Fullstack Developer под Wordpress
Future Search
от 90 000 до 150 000 ₽
WordPress-разработчик
div. • Ставрополь
от 50 000 до 120 000 ₽
JavaScript FullStack разработчик
Rocket • Смоленск
от 80 000 до 130 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Перерисовать логотип в векторе
22 нояб. 2024, в 00:55
500 руб./за проект
Разработка алгоритма на python (Data engineering)
21 нояб. 2024, в 23:30
300000 руб./за проект
Верстка Flutter + API
21 нояб. 2024, в 22:21
3000 руб./в час
Ещё заказы