Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.54/13: Рейтинг темы: голосов - 13, средняя оценка - 4.54
0 / 0 / 0
Регистрация: 22.01.2019
Сообщений: 4

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

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

Студворк — интернет-сервис помощи студентам
В мобильной версии сайта фон должен был обрезаться, но по факту на всех ссылках выглядит по разному, а где-то повторяется https://www.shinmonster.kz/glavnaya.html помогите пожалуйста понять в чем моя ошибка
0
Лучшие ответы (1)
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
23.01.2019, 13:17
Ответы с готовыми решениями:

Не отображается фон
Есть код css : } .actions { text-align: center; } .ai { background-image: url('./img/ai.jpg'); } .container {

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

не отображается фон и логотип в ie
в шапке не отображается фон сайта и картинка логотипа в ie (оба являются бэкграундами). везде отображается а тут нет я уже все...

4
24 / 17 / 8
Регистрация: 29.12.2010
Сообщений: 161
23.01.2019, 17:48
Попробуй в высоте background указать header: 100vh . Единица vh это типо процента, 100vh это полная высота экрана, завтра сайт посмотрю на компе и может скажу конкретно где, что
0
0 / 0 / 0
Регистрация: 22.01.2019
Сообщений: 4
23.01.2019, 21:19  [ТС]
Спасибо, но к сожалению не помогло
0
24 / 17 / 8
Регистрация: 29.12.2010
Сообщений: 161
25.01.2019, 08:08
Лучший ответ Сообщение было отмечено 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
0 / 0 / 0
Регистрация: 22.01.2019
Сообщений: 4
25.01.2019, 16:15  [ТС]
Спасибо большое за помощь!)
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
25.01.2019, 16:15
Помогаю со студенческими работами здесь

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

Не отображается фон в мобильном
Слелал сайтик со стилями css. У жены на телефоне его грузит, у мегя на точно таком же телефоне в ХРОМЕ не грузит фон. Но... во всех других...

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

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

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


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

Или воспользуйтесь поиском по форуму:
5
Ответ Создать тему
Новые блоги и статьи
SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве
8Observer8 02.02.2026
Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .
Философия технологии
iceja 01.02.2026
На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .
SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf
8Observer8 01.02.2026
Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .
SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли
8Observer8 30.01.2026
Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
SDL3 для Web (WebAssembly): Установка Emscripten SDK (emsdk) и CMake для сборки C и C++ приложений в Wasm
8Observer8 30.01.2026
Содержание блога Для того чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. . . .
SDL3 для Android: Подключение Box2D v3, физика и отрисовка коллайдеров
8Observer8 29.01.2026
Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .
Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT
bedvit 28.01.2026
Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .
SDL3 для Android: Загрузка PNG с альфа-каналом с помощью SDL_LoadPNG (без SDL3_image)
8Observer8 28.01.2026
Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru