Форум программистов, компьютерный форум, киберфорум
Наши страницы
HTML, CSS
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.60/5: Рейтинг темы: голосов - 5, средняя оценка - 4.60
IrinaBM
0 / 0 / 0
Регистрация: 22.01.2019
Сообщений: 4
1

Неправильно отображается фон

23.01.2019, 13:17. Просмотров 976. Ответов 4
Метки нет (Все метки)

В мобильной версии сайта фон должен был обрезаться, но по факту на всех ссылках выглядит по разному, а где-то повторяется https://www.shinmonster.kz/glavnaya.html помогите пожалуйста понять в чем моя ошибка
0
Лучшие ответы (1)
QA
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
23.01.2019, 13:17
Ответы с готовыми решениями:

Не отображается фон
Не отображается фон на всю область просмотра... да в принципе он вообще не отображается Картинку...

Не отображается фон
Есть код css : } .actions { text-align: center; } .ai { background-image:...

Не отображается фон div
Подскажите начинающему. Не могу понять почему не отображается фон в контейнере content. Вернее он...

Не отображается фон/беграунд
Добрый день. Пытаюсь создать сайт по шаблону, с помощью видео уроков. Все делаю точно по уроку. На...

Фон таблицы не отображается
всем привет. вот страница - http://93lab.ru/ под слайдером, где идут в ряд иконки - это таблица. у...

4
toothcomp
8 / 16 / 8
Регистрация: 29.12.2010
Сообщений: 161
23.01.2019, 17:48 2
Попробуй в высоте background указать header: 100vh . Единица vh это типо процента, 100vh это полная высота экрана, завтра сайт посмотрю на компе и может скажу конкретно где, что
0
IrinaBM
0 / 0 / 0
Регистрация: 22.01.2019
Сообщений: 4
23.01.2019, 21:19  [ТС] 3
Спасибо, но к сожалению не помогло
0
toothcomp
8 / 16 / 8
Регистрация: 29.12.2010
Сообщений: 161
25.01.2019, 08:08 4
Лучший ответ Сообщение было отмечено IrinaBM как решение

Решение

Как и обещал, посмотрел на компе.
1. На главной убирайте абсолютное позиционирование, делайте разметку плитками. ищите в гугле "блоки div плитками"
2.
CSS
1
2
3
4
html {
    background: url(fon.jpg) fixed;
    background-size: cover;
    background-repeat: no-repeat;
Кто же к html привязывает background, для этого есть тег body, у body обнулите все отступы, да и вообще все обнулите
Кликните здесь для просмотра всего текста
CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0; /* обнуляем внешние отступы */
    padding: 0; /* обнуляем внутренние отступы */
    border: 0; /* убираем бордюры */
    outline: 0; /* убираем контуры */
    font-size: 100%; /* задаем базовый размер шрифта, значение по умолчанию = 16px */
    vertical-align: baseline; /* устанавливаем базовое вертикальное выравнивание */
    background: transparent; /* устанавливаем фон прозрачным */
}
body {
    line-height: 1; /* устанавливаем базовую высоту */
}
ol, ul {
    list-style: none; /* убираем маркеры для нумерованных и обычных списков */
}
blockquote, q {
    quotes: none; /* убираем кавычки для цитат */
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: ''; /* убираем */
    content: none; /* и скрываем генерируемое содержимое */
}
:focus {
    outline: 0; /* убираем контуры вокруг ссылок при фокусе */
}
ins {
    text-decoration: none; /* убираем подчеркивание для вставленного текста */
}
del {
    text-decoration: line-through; /* убираем перечеркивание для удаленного текста */
}
table {
    border-collapse: collapse; /* убираем рамки двойной толщины */
    border-spacing: 0; /* убираем расстояние между ячейками */


3. Используй медиа запросы при изменение размера экрана
CSS
1
2
@media ( max-width: 945px) {
    aside {display: none;}
1
IrinaBM
0 / 0 / 0
Регистрация: 22.01.2019
Сообщений: 4
25.01.2019, 16:15  [ТС] 5
Спасибо большое за помощь!)
0
25.01.2019, 16:15
Answers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
25.01.2019, 16:15

Не отображается фон страницы
Добрый день! Начала изучать HTML5, CSS. Решила поставить фоновый рисунок на страницу, но почему-то...

Некорректно отображается фон
некорректно отображается фон при увеличении масштаба сайта он исчезает из правой части

Не отображается фон страницы
Подскажите пожалуйста как сделать чтобы на пустой странице появлялся фон , поскольку фон появляется...


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

Или воспользуйтесь поиском по форуму:
5
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2019, vBulletin Solutions, Inc.