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

koda19 · September 26, 2011

подскажите пожалуйста как у самого внутреннего дива (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>

Edited September 26, 2011 by koda19

MaferoK · September 26, 2011

Ну можете обернуть текст в <span></span> и задать ему span{margin-top-20px;}

Nekromancer · September 26, 2011

Заключайте ваш код в специализированный тег - [code][/code]

Приведите css данного документа или же ссылку на работающую/не корректно работающую страницу.

Приведите скриншоты того, что есть и того, что должно получится.

fozzy · September 27, 2011

думаю тему можно закрывать, MaferoK прав

или более извращенный вариант, дать background-position: 0 20px;

Edited September 27, 2011 by fozzy

koda19 · September 28, 2011

не помогает ни то ни другое, т.к. bg-position только картинку меняет, никуда ее не перемещая, просто оторбражает разные части изображения, на текст влияния нет.

margin-top работает только когда все блоки с бг с абсолютным позиционированием, но тогда возникает другая проблема - как прижать футер к среднему блоку если у среднего блока высота всегда разная

fozzy · September 28, 2011


<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;float:left;">
<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>

Edited September 28, 2011 by fozzy

Sign In

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

Question

koda19

Link to comment

Share on other sites

5 answers to this question

Recommended Posts

MaferoK

Link to comment

Share on other sites

Nekromancer

Link to comment

Share on other sites

fozzy

Link to comment

Share on other sites

koda19

Link to comment

Share on other sites

fozzy

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information