вопрос по div верстке внутри

html css веб дизайн верстка div верстка

подскажите пожалуйста как у самого внутреннего дива (div margin-top:-20px) сдвинуть вверх текст так, чтобы текст сдвинулся без бэкграунда родительского дива,т.е. чтобы бэграунды остались на своем месте а сдвинулся только текст ?
а то получается что с минусовым маргином бэгрануд тела начинает залезать на бэграунд хедера, а мне надо чтобы залезал только текст.

<body>
<div style="width:700px;">
<div style="background: url(top.png) no-repeat bottom left; height: 30px;"></div>
<div style="background: url(bg.png) repeat-y 0 0;">
<div style="margin-top:-20px;">
Мы предлагаем Вам программу-тренинг, прошедшую многолетнюю проверку временем и зарекомендовавший себя как наиболее эффективный тренинг командообразования. Эта программа была разработана более 40 лет назад в США для американских военных. С её помощью военным удавалось создать сплоченные отряды, где бойцы понимали друг друга с полуслова и вместе были способны пройти огонь и воду. Впоследствии этот комплекс был адаптирован для мирной жизни и превратился в мощный активный бизнес-тренинг, более известный как Веревочный Курс.
</div>
</div>
<div style="background: url(bottom.png) no-repeat scroll 0% 0% transparent; height: 30px;"></div>
</div>
</body>
Ответы:
подтяните куда надо див и соответствующим образом через background-position укажите позицию фона. Например background-position: 0px 20px; позволит вывести фон на 20 пикселей ниже начала блока.
обернуть ТОЛЬКО текст ещё одним div'ом и назначить ему style="position:relative; top:-20px;"


13 лет назад

RPI.su - самая большая русскоязычная база вопросов и ответов. Наш проект был реализован как продолжение популярного сервиса otvety.google.ru, который был закрыт и удален 30 апреля 2015 года. Мы решили воскресить полезный сервис Ответы Гугл, чтобы любой человек смог публично узнать ответ на свой вопрос у интернет сообщества.

Все вопросы, добавленные на сайт ответов Google, мы скопировали и сохранили здесь. Имена старых пользователей также отображены в том виде, в котором они существовали ранее. Только нужно заново пройти регистрацию, чтобы иметь возможность задавать вопросы, или отвечать другим.

Чтобы связаться с нами по любому вопросу О САЙТЕ (реклама, сотрудничество, отзыв о сервисе), пишите на почту [email protected]. Только все общие вопросы размещайте на сайте, на них ответ по почте не предоставляется.