 |
|
Модераторы: Illuminaty |
 
|
|
Как растянуть background на 100% в DIV-е? 
| Роман |
|
|||
 Опытный  Профиль Группа: Участник Сообщений: 279 Регистрация: 9.7.2006 Репутация: нет Всего: 1 |
Как растянуть background на 100% в DIV-е?
-------------------- Жизнь - это последствия от последствий.  |
|||
|
||||
Загрузка ...
| bars80080 |
|
|||
 прапор творюет Награды: 1 Профиль Группа: Завсегдатай Сообщений: 12022 Регистрация: 5.12.2007 Где: Königsberg Репутация: 50 Всего: 315 |
background не растягивается, растянуть можно картинку
можно скажем в div растянуть img, а потом сверху положить такой же слой с абсолютным позиционированием и вместить в него что нужно |
|||
|
||||
| Роман |
|
|||
|
Опытный Профиль Группа: Участник Сообщений: 279 Регистрация: 9.7.2006 Репутация: нет Всего: 1 |
Да что-то не выходит.
Можно пример какой-нибудь? -------------------- Жизнь - это последствия от последствий. |
|||
|
||||
| bars80080 |
|
|||
|
прапор творюет Награды: 1 Профиль Группа: Завсегдатай Сообщений: 12022 Регистрация: 5.12.2007 Где: Königsberg Репутация: 50 Всего: 315 |
даже везде работает |
|||
|
||||
| Роман |
|
|||
|
Опытный Профиль Группа: Участник Сообщений: 279 Регистрация: 9.7.2006 Репутация: нет Всего: 1 |
У меня не работает.
-------------------- Жизнь - это последствия от последствий. |
|||
|
||||
| bars80080 |
|
|||
|
прапор творюет Награды: 1 Профиль Группа: Завсегдатай Сообщений: 12022 Регистрация: 5.12.2007 Где: Königsberg Репутация: 50 Всего: 315 |
как так не работает? специально проверил под ИЕ6, ФФ и оперу
ты картинку на свою поменял? |
|||
|
||||
| Роман |
|
|||
|
Опытный Профиль Группа: Участник Сообщений: 279 Регистрация: 9.7.2006 Репутация: нет Всего: 1 |
конечно  Меня эта задача начинает нервировать - пол дня уже мучаюсь. -------------------- Жизнь - это последствия от последствий. |
|||
|
||||
| bars80080 |
|
|||
|
прапор творюет Награды: 1 Профиль Группа: Завсегдатай Сообщений: 12022 Регистрация: 5.12.2007 Где: Königsberg Репутация: 50 Всего: 315 |
какие-то у тебя на месте проблемы
попробуй запустить мой пример на каком-нибудь другом компе, или хотя бы свой перезагрузи (но это скорее всего не поможет) я помнится после вышибания двух троянов обнаружил что некоторые баги ушли... |
|||
|
||||
| biguser |
|
|||
|
Новичок Профиль Группа: Участник Сообщений: 7 Регистрация: 29.8.2007 Репутация: нет Всего: нет |
столкнулся с подобной задачей, подскажите кто сможет, выше пример работает, но вот когда я у себя такое делаю, не понимаю что проиходит и оно не работает... ну собсвенно вот что я делаю:
вывожу картинку на заднем плане: <img src="img/background.png" id="img-background"> #img-background { width: 100%; height: 100%; top: 0; left: 0; } далее вывожу свой блок: <div id="panel"> тра-ля-ля </div> #panel { background-image: url("../img/panel.png"); background-repeat: no-repeat; position: absolute; width: 537px; height: 240px; top: 25%; left: 25%; padding: 15px; } в итоге получаю картинку на заднем фоне растянутую по ширине, а по высоте у меня не заявленые 100% а растянутость получилась соответсвенно полученой ширине, и как следсвие появляется полоса прокрутки, которой не должно быть. |
|||
|
||||
| bars80080 |
|
|||
|
прапор творюет Награды: 1 Профиль Группа: Завсегдатай Сообщений: 12022 Регистрация: 5.12.2007 Где: Königsberg Репутация: 50 Всего: 315 |
а можно полный html, а то здесь не понятно куда девается <img src="img/background.png" id="img-background">
|
|||
|
||||
| biguser |
|
|||
|
Новичок Профиль Группа: Участник Сообщений: 7 Регистрация: 29.8.2007 Репутация: нет Всего: нет |
вот примерно такую структуру имеет хтмл-код
|
|||
|
||||
| bars80080 |
|
|||
|
прапор творюет Награды: 1 Профиль Группа: Завсегдатай Сообщений: 12022 Регистрация: 5.12.2007 Где: Königsberg Репутация: 50 Всего: 315 |
вот, а теперь смотрим в пример выше http://forum.vingrad.ru/index.php?showtopi...t&p=1471978 и видим, что там картинка и текст находятся внутри общего дива с position: relative и собственными width и height, которые и являются определяющими для картинки слоя с текстом. у вас же картинка просто болтается в body
|
|||
|
||||
| biguser |
|
|||
|
Новичок Профиль Группа: Участник Сообщений: 7 Регистрация: 29.8.2007 Репутация: нет Всего: нет |
спасибо за указание моей не точности
но как оказалось моя самая главная ошибка была в том что не убрал автоматически сгенерированый тег редактора <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">из-за которого у меня и не работало как хотелось |
|||
|
||||
| ISQman |
|
||||
|
Шустрый Профиль Группа: Участник Сообщений: 66 Регистрация: 22.7.2008 Репутация: нет Всего: нет |
не хотел плодить темы, и поэтому напишу сюда:
ситуёвина с растяжжением бэкграунта, но не всего а только лишь его части сделал по примерам выше со своими добавлениями, а именно:
как видно тянуться по вертикали должно только вторая картинко, НО (!) мало того что оно не хочет тянуться, текст в диве просто вылазит за пределы таблицы и вёрстки вообще. как это можно профиксить? Это сообщение отредактировал(а) ISQman - 8.4.2009, 12:41 |
||||
|
|||||
| Роман |
|
||||||
|
Опытный Профиль Группа: Участник Сообщений: 279 Регистрация: 9.7.2006 Репутация: нет Всего: 1 |
Первая ошибка, которую заметил:
Правильнее мне кажется будет так:
Это растянет блок до конца ячейки. Такой же принцип растяжения можно применить и к изображению:
Т. е. по принципу абсолютного растяжения. -------------------- Жизнь - это последствия от последствий. |
||||||
|
|||||||
|
|
| 0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей) | |
| 0 Пользователей: | |
| « Предыдущая тема | Вёрстка веб-сайтов | Следующая тема » |
[ Время генерации скрипта: 0.0879 ] [ Использовано запросов: 21 ] [ GZIP включён ]
Реклама на сайте Информационное спонсорство
|
|
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности Powered by Invision Power Board(R) 1.3 © 2003 IPS, Inc. |