Фон не растягивается

@morgusha · Регистрация: 21.05.2009

Студворк — интернет-сервис помощи студентам

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

HTML5
1
<div id="left">left <div id="foto"></div></div>

CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
#left{
/*background: url(i/170.jpg) no-repeat;*/
/*background-color: #0ff;*/
/*background-size: 100% 100%;*/ /*расстягиваем картинку под див*/
border:  1px solid #000000;
width: 70%;
height: 400px;
float: left; /*обтекание блока по правой стороне другим блоком*/
}
#foto{
background: url(i/170.jpg) no-repeat;
width: 100%;
height: 100%;
}

такое чувство, что родительский класс не позволяет что ли прям в притык к его границам картинку тянуть ???

Vovan-VE · 22.11.2012, 15:41

Сам блок #foto отлично растягивается. Добавьте border - увидите. Вот фон его да, не растягивается. См. свойство background-size.

@morgusha · 22.11.2012, 19:25 **[ТС]**

/*background-size: 100% 100%;*/ у меня закоментировано так как с ним всё работает, но это только под chrome работает (

Добавлено через 8 минут
вот моя шапка файла хтмл может надо что дописать ???

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<!doctype html>
<!-- design-001 -->
    <head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>::TITLE::</title>
<link rel="stylesheet" type="text/css" href="style.css" media="screen" />
    </head>
        <body>
            <div id="container"><!--CONTAINTER STARTS-->
<div id="header">header</div>   
<div id="left"></div>
<div id="right"> right</div>
<div id="clear">clear</div>
<div id="content">content</div>
<div id="footer">footer</div>
        </div><!--CONTAINER ENDS-->
        </body>
</html>

Добавлено через 1 час 21 минуту

CSS
1
background:url(i/170.jpg) center no-repeat;

тоже в ie8 не работает(

Добавлено через 1 час 40 минут
вот гляньте во ссылке :

http://morgusha.hut2.ru/

@morgusha · 26.11.2012, 20:07 **[ТС]**

сори забыл # поставить )

Добавлено через 21 час 1 минуту
при трансформации окна браузера нижнее меню начинает выходить за перделы блока футера ? (((

HTML5
1
2
<div id="footer"><ul class="spisok1"> <li>ГЛАВНАЯ</li><li>КАТАЛОГ РАБОТ</li><li>НАШИ ДИЗАЙНЕРЫ</li><li>ОТЗЫВЫ</li><li>ВАКАНСИИ<
/li><li>О НАС</li><li>КОНТАКТЫ</li></ul></div>

CSS
1
2
3
4
5
6
#footer{
                        background-color:       #652301;
                        border:                         1px solid #000000;
                        /*margin:                       10px auto;*/
                        height:                         5% auto; 
        }

Новые блоги и статьи Все статьи Все блоги /
Установка 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 , при. . .
Модель сукцессии микоризы anaschu 24.01.2026 Решили писать научную статью с неким РОманом	http://iceja.net/ математические сервисы iceja 20.01.2026 Обновила свой сайт http:/ / iceja. net/ , приделала Fast Fourier Transform экстраполяцию сигналов. Однако предсказывает далеко не каждый сигнал (см ограничения http:/ / iceja. net/ fourier/ docs ). Также. . .	http://iceja.net/ сервер решения полиномов iceja 18.01.2026 Выкатила http:/ / iceja. net/ сервер решения полиномов (находит действительные корни полиномов методом Штурма). На сайте документация по API, но скажу прямо VPS слабенький и 200 000 полиномов. . .	Расчёт переходных процессов в цепи постоянного тока igorrr37 16.01.2026 / * Дана цепь(не выше 3-го порядка) постоянного тока с элементами R, L, C, k(ключ), U, E, J. Программа находит переходные токи и напряжения на элементах схемы классическим методом(1 и 2 з-ны. . .

Vovan-VE 13210 / 6599 / 1041 Регистрация: 10.01.2008 Сообщений: 15,069
	22.11.2012, 15:41
	Сам блок #foto отлично растягивается. Добавьте border - увидите. Вот фон его да, не растягивается. См. свойство background-size. 0