Бекграунд контента не растягивается по высоте

[Blackrain]

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

[zmancer]

Явно косяк в верстке шаблона. Дайте ссылку на сайт или выложите свой шаблон сюда.
Бекграунд контента не растягивается по высоте . - так правильнее будет название вашей темы.

[Blackrain]

Вот ссылка на страниу: http://project-128.ru/index.php?option=com_content&view=article&id=1313:-1xcom-2011&catid=124:2011-09-12-16-08-54&Itemid=860

[Shustry]

Судя по замыслу верстальщика сайт не должен быть выше шести тыщ пикселей!
http://project-128.ru/templates/it_thesoftware/images/content.png
В общем, так просто не исправить. Самое быстрое - откройте картинку в фотошопе и растяните среднюю часть ещё на сколько-нить тысяч пикселей. Хотя, изначально, имхо, странное решение, делать ограничение на высоту контента.

[zmancer]

Мда... Картинку нужно разрезать на 2 + небольшие правки. В CSS диву с контентом задать бекграунд с верхней частью картинки+белый цвет. Сразу после блока с контентом вставляем еще див со второй картинкой в бекграунде, вот и все. Подробнее объяснить не могу. Если не по силам, могу сделать за небольшую ,благодарность в размере 7usd.

[Shustry]

На две не поможет. Там по-бокам какбэ тень и середина тоже болжна быть с бэкграунд-имеджем. На три разрезать и собрать обратно в один спрайт только с горизонтальным отступом.
Типа так:
----------------------------------------
верх         | середина         |  низ
----------------------------------------

[Blackrain]

Самое быстрое - откройте картинку в фотошопе и растяните среднюю часть ещё на сколько-нить тысяч пикселей. Хотя, изначально, имхо, странное решение, делать ограничение на высоту контента.

Спасибо вам огромное! Увеличил и все хорошо, мне это и было надо без заумных решений. все быстро и хорошо. Багодарю

[Taatshi]

Господибожежмой, сколько же Вы сейчас пикселей бэкграундом грузите? Жесть.

[Shustry]

Господибожежмой, сколько же Вы сейчас пикселей бэкграундом грузите? Жесть.

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

[zmancer]

На две не поможет. Там по-бокам какбэ тень и середина тоже болжна быть с бэкграунд-имеджем. На три разрезать и собрать обратно в один спрайт только с горизонтальным отступом.
Типа так:
----------------------------------------
верх         | середина         |  низ
----------------------------------------

там хватит 2 поверьте.
ТС, это решение не заумное, а разумное.

[zmancer]

PS, Blackrain а если контента будет еще больше? или очень мало? каждый раз будете подгонять картинку?

[beliyadm]

Сделайте для основного дива с контентом подложку с нижней тенью и закруглением внизу и заполните весь фон белым.
И картинка будет минимальна и высота контента внутри любой

На две не поможет. Там по-бокам какбэ тень и середина тоже болжна быть с бэкграунд-имеджем. На три разрезать и собрать обратно в один спрайт только с горизонтальным отступом.
Типа так:
----------------------------------------
верх         | середина         |  низ
----------------------------------------

Зачем? Ширина шаблона ведь фиксированная

[Shustry]

там хватит 2 поверьте.
ТС, это решение не заумное, а разумное.

Ага. Пригляделся, по-бокам теней нет, хватит двух, вернее одного спрайта из двух.

Сделайте для основного дива с контентом подложку с нижней тенью и закруглением внизу и заполните весь фон белым.
И картинка будет минимальна и высота контента внутри любойЗачем? Ширина шаблона ведь фиксированная

Всё верно. Фиксированная. Вместо слова "верх" целиком всю верхнюю часть фона, вместо "низ" - нижнюю. Для внешнего div-а будет бэкграунд-позишн: 0 0, для внутреннего: -50% bottom. Ну или наоборот, без разницы.
-------------------------------
верх                | низ
-------------------------------

[Blackrain]

PS, Blackrain а если контента будет еще больше? или очень мало? каждый раз будете подгонять картинку?

Согласен что решение не самое удачное, но для меня пойдет и это. Сайт некоммерчесский, простенький, так что сойдет

[beliyadm]

Я бы вообще не делал спрайты.
1 - верхний заворот в разные стороны всегда по высоте фиксированный - положить его абсолютным позиционированием или фоном к всему сайту (не body)
2 - блок с контентом сделать с заливкой #fff и нижней отпозиционированной картинкой с закруглением и тенью.
Итого мы имеем все-равно картинку вроде этой http://project-128.ru/templates/it_thesoftware/images/content.png и простое нижнее закругление в десять раз легче (ну при желании конечно можно и в спрайт объединить)

[Blackrain]

Ага. Пригляделся, по-бокам теней нет, хватит двух, вернее одного спрайта из двух.
Всё верно. Фиксированная. Вместо слова "верх" целиком всю верхнюю часть фона, вместо "низ" - нижнюю. Для внешнего div-а будет бэкграунд-позишн: 0 0, для внутреннего: -50% bottom. Ну или наоборот, без разницы.
-------------------------------
верх                | низ
-------------------------------

Я в этом всем вообще не але

[Blackrain]

Я бы вообще не делал спрайты.
1 - верхний заворот в разные стороны всегда по высоте фиксированный - положить его абсолютным позиционированием или фоном к всему сайту (не body)
2 - блок с контентом сделать с заливкой #fff и нижней отпозиционированной картинкой с закруглением и тенью.
Итого мы имеем все-равно картинку вроде этой http://project-128.ru/templates/it_thesoftware/images/content.png и простое нижнее закругление в десять раз легче (ну при желании конечно можно и в спрайт объединить)

Есть где-нибудь инструкция похожая как это делается?