[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: Как сделать продолжение фона по длине
Aleks-prog
Добрый день, меня интересует как сделать продолжение фона сайта по длинне, если картинка для фона фиксированной длинны...

Ну если я захочу побольше текста сделать, например...

я сделал вначале вот так, все работает:

margin: 5px auto;
background: url('../images/content_fon.png') #CEC9CD 50% 0 repeat-x;
/*background-color: black<img src="../images/content_fon.jpg" width="853" height="1277" />;*/
width: 835px;
min-height: 1267px;
height: 100%;


НО, теперь хочу чтобы продолжением фона был не обычный однородный цвет, а картинка(я создал градиент...), размерность катринки = 835px на 5px, она просто размножится когда текста будет больше



Спустя 2 минуты, 19 секунд (27.09.2011 - 11:54) inpost написал(а):
repeat - размножение.
В HTML4 нельзя растянуть фоновое изображение.
Но ты можешь сделать двумя слоями, (position:absolute; z-index), и в задний див вставить растянутую картинку. НО это костыль!

Спустя 11 минут, 45 секунд (27.09.2011 - 12:05) Aleks-prog написал(а):
Да понимаю что костыль, но как по-другому то, если на автомате при добавлении текста, появляется непонятно что внизу

Спустя 2 минуты, 16 секунд (27.09.2011 - 12:08) Aleks-prog написал(а):
А еще вопрос, куда вставить position absolute? в верхний или нижний див? или в оба?

Спустя 3 часа, 35 минут, 29 секунд (27.09.2011 - 15:43) sebastjan написал(а):
Два дня эксперементировал с растягиванием фона.
Костыль и ещё какой.
Если можно таки задать растянутую картинку для фона то при блоке текста 500рх по высоте - скажем - и уменьшении окна , фон естественно уменьшиться но используя скрол чтоб посмотреть ушедший текс внизу - -увидем белый фон.
Так как фоновая картинка растянута на 100% по высоте и когда окно уменьшенно она естественно становиться размером относительно окна а всё что ушло вниз не учитывает.
Выход их этого всего - дизайнить с минимальными знаниями вёрстки а не скидывать на голову верстальщика фанастические задачи.

Спустя 1 час, 28 минут, 8 секунд (27.09.2011 - 17:11) inpost написал(а):
Aleks-prog
А ты почитай, что такое position:relative & position:absolute . Важно не знать, куда это юзать, а что это такое...

Спустя 14 часов, 58 минут, 57 секунд (28.09.2011 - 08:10) Aleks-prog написал(а):
Уважаемый inpost
А насчет перекрывания элементов в соседней теме я вот создал помогите пожалуйста, а то что-то никто не заходит и не помогает
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2024 Invision Power Services, Inc.