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

Не растягивается

03.05.2014, 20:49. Показов 777. Ответов 2
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Здравствуйте.
У меня почему-то не повторяется по вертикали:
background: url(images/bcc.png) repeat-y;
и
background: url(images/bcc1.png) repeat-y;

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<div id="container">
        <div id="ci1"><ul>
            <li class="bct"></li>
            <li class="bcc">
                <div id="content"><ul>
                <li class="bct1"></li>
                <li class="bcc1">
                          1
                </li>
                <li class="bcb1"></li>
            </ul></div>
            </li>
            <li class="bcb"></li>
        </ul></div> 
    </div>
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
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
#container{
    margin: 0; 
    padding: 0;
    }
#ci1{
    margin: 0; 
    padding: 0;
    width: 1088px;
}
#ci1 ul {
    margin: 0; 
    padding: 0;
    list-style-type:none;   
    }
.bct{
    margin: 0; 
    padding: 0;
    background: url(images/bct.png) no-repeat;
    height: 179px;
}
.bcc{
    margin: 0; 
    padding: 0 50px 0 0; 
    background: url(images/bcc.png) repeat-y;
    height: 198px;
}
.bcb{
    margin: 0; 
    padding: 0;
    background: url(images/bcb.png) no-repeat;
    height: 14px;
}
#content{
    margin: 0;
    padding: 0 53px;
    position: relative;
    top: -60px;
    width: 982px;
}
#content ul {
    margin: 0; 
    padding: 0;
    list-style-type:none;   
    }
.bct1{
    margin: 0; 
    padding: 0;
    background: url(images/bct1.png) no-repeat;
    height: 12px;
}
.bcc1{
    margin: 0; 
    padding: 0 5px 15px 5px; 
    background: url(images/bcc1.png) repeat-y;
    height: 2px;
}
.bcb1{
    margin: 0; 
    padding: 0;
    background: url(images/bcb1.png) no-repeat;
    height: 13px;
    }
0
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
03.05.2014, 20:49
Ответы с готовыми решениями:

С !doctype высота header не растягивается попроцентно, а без него растягивается
Не нашел подобной другой темы. Имею такую же проблему. &lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Transitional//EN&quot;...

Не растягивается блок
Помогите! Есть блок , фон задний фон части сайта, в котором расположено меню и блок контента. Так вот, когда блок контента(зелёный)...

Блок не растягивается
Почему отступ слева больше, чем справа, а если убрать в #content padding-right:15px; padding-left:15px; то все нормально становится. Но мне...

2
 Аватар для -ReSideNT-
14 / 14 / 8
Регистрация: 27.07.2012
Сообщений: 143
03.05.2014, 23:40
Цитата Сообщение от Harts Посмотреть сообщение
Здравствуйте.
У меня почему-то не повторяется по вертикали:
background: url(images/bcc.png) repeat-y;
и
background: url(images/bcc1.png) repeat-y;
А само изображение у вас подгружается? Просто может у вас путь до картинки неверно прописан?
В вашем случае путь зависит от того, где находится таблица стилей и где хранится картинка относительно вашей таблицы стилей.

вот возможный вариант
HTML5
1
background: url(../images/bcc1.png) repeat-y;
0
0 / 0 / 1
Регистрация: 17.03.2013
Сообщений: 22
04.05.2014, 00:00  [ТС]
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
04.05.2014, 00:00
Помогаю со студенческими работами здесь

Фон не растягивается
сделал вот так вот в див вложил ещё один див и в нём уже вставляю фото а оно не растягивается по размерам родительского дива почему ??? ...

body не растягивается!
Вот код: &lt;body style=&quot;margin: 5px; background: #99FFCC;&quot;&gt; &lt;div style=&quot;background: #99CC33; padding: 10px; height: 300px; width:...

Не растягивается блок
Здравствуйте, я новичек в верстке сайтов. Поэтому не могу понять,почему не растягивается родительский блок. Поиск в интернете и на форуме...

Подвал не растягивается
Прижал подвал к низу с помощью navbar-fixed-bottom из bootstrap, но проблема в том что по горизонтали он не растягивается на всю страницу!...

Растягивается фоновое изображение
Почему растягивается фоновое изображение при добавлении контента, вроде все правильно делаю, но что-то не так Есть допустим секция ...


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

Или воспользуйтесь поиском по форуму:
3
Ответ Создать тему
Новые блоги и статьи
ПЛИС
zxcha1ka_ 27.01.2026
AHDL Разработать программы для синтеза следующих устройств: 1. Параллельного регистра 4-х разрядного с синхронной загрузкой и асинхронным сбросом (обнулением); Пoмoгитe пoжaлyйстa
Загрузка PNG-файла с альфа-каналом с помощью библиотеки SDL3_image на Android
8Observer8 27.01.2026
Содержание блога SDL3_image - это библиотека для загрузки и работы с изображениями. Эта пошаговая инструкция покажет, как загрузить и вывести на экран смартфона картинку с альфа-каналом, то есть с. . .
влияние грибов на сукцессию
anaschu 26.01.2026
Бифуркационные изменения массы гриба происходят тогда, когда мы уменьшаем массу компоста в 10 раз, а скорость прироста биомассы уменьшаем в три раза. Скорость прироста биомассы может уменьшаться за. . .
Воспроизведение звукового файла с помощью SDL3_mixer при касании экрана Android
8Observer8 26.01.2026
Содержание блога SDL3_mixer - это библиотека я для воспроизведения аудио. В отличие от инструкции по добавлению текста код по проигрыванию звука уже содержится в шаблоне примера. Нужно только. . .
Установка Android SDK, NDK, JDK, CMake и т.д.
8Observer8 25.01.2026
Содержание блога Перейдите по ссылке: https:/ / developer. android. com/ studio и в самом низу страницы кликните по архиву "commandlinetools-win-xxxxxx_latest. zip" Извлеките архив и вы увидите. . .
Вывод текста со шрифтом TTF на Android с помощью библиотеки SDL3_ttf
8Observer8 25.01.2026
Содержание блога Если у вас не установлены Android SDK, NDK, JDK, и т. д. то сделайте это по следующей инструкции: Установка Android SDK, NDK, JDK, CMake и т. д. Сборка примера Скачайте. . .
Использование SDL3-callbacks вместо функции main() на Android, Desktop и WebAssembly
8Observer8 24.01.2026
Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
моя боль
iceja 24.01.2026
Выложила интерполяцию кубическими сплайнами www. iceja. net REST сервисы временно не работают, только через Web. Написала за 56 рабочих часов этот сайт с нуля. При помощи perplexity. ai PRO , при. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru