Как сделать блок внутри блока?

12 3
_alk0g0lik_
На сайте с 20.08.2006
Offline
307
12641

Как сделать блок внутри блока как показано на рисуне? float: left не помогает, тогда сверху остается ничем не заполенное пространство. Надо сделать так, чтобы блок 2 был вписан в блок 1.

png 1.png
png 2.png
Я очень люблю вкусные рецепты (https://povar24.info) квашеной капусты (https://kvashenaya-kapusta.ru/) и салат оливье (https://salatolive.ru/).
T
На сайте с 13.04.2008
Offline
67
t3s
#1

так и делать - один див внутри второго дива

а отступы через сцц указать религия не позволяет? слева 0, справа, верху и внизу по обстоятельствам

webamator (http://webamator.ru) приглашает потестить сервис бесплатной оптимизации CSS и JavaScript (http://service.webamator.ru/) Занимаюсь проектами любой сложности. Качественно. Дорого. Примеры некоторых работ (http://blog.webamator.ru/category/portfolio)
_alk0g0lik_
На сайте с 20.08.2006
Offline
307
#2
t3s:
так и делать - один див внутри второго дива
а отступы через сцц указать религия не позволяет? слева 0, справа, верху и внизу по обстоятельствам

Не позволяет. В блоках текст будет, и если сделать отсутпы, то и текст поплывет, а это неправильно.

Prior
На сайте с 03.03.2008
Offline
156
#3


<div style="background:cyan;width:100px;height:80px;padding:20px 0;text-align:center">
1
<div style="background:yellow;text-align:center">
2
</div>
1
</div>

и


<div style="background:cyan;width:100px;height:80px;padding:20px 20px 0 0;text-align:center">
1
<div style="background:yellow;text-align:center">
2
</div>
1
</div>

Оно?

P.S. Если не оно - тогда на счет текста подробней.

В чём разница? https://v-chem-raznica.ru
jack.sun
На сайте с 21.03.2009
Offline
27
#4

<div class="a">

<div class="b">

</div>

</div>

Для <div class="a"> - задаёте габариты, <div class="b"> - полностью в него вписывается, заполняя весь объём, что бы было, как на рисунке у вас примените к <div class="b"> отступы margin 10px 0 0 0 (для примера)

_alk0g0lik_
На сайте с 20.08.2006
Offline
307
#5
Prior:
Оно?
P.S. Если не оно - тогда на счет текста подробней.

Не. Мне надо чтобы поле 1 с 2 страницами текста прерывалось бы блоком 2. Не вручную их разделять, а с помощью хтмл. Т.е. в 2 страницы текста вставить рекламу надо.

_alk0g0lik_ добавил 15.07.2009 в 01:01

jack.sun:
<div class="a">
<div class="b">

</div>
</div>

Для <div class="a"> - задаёте габариты, <div class="b"> - полностью в него вписывается, заполняя весь объём, что бы было, как на рисунке у вас примените к <div class="b"> отступы margin 10px 0 0 0 (для примера)

Не, тогда блок 2 продолждается после показа всего блока 1, а надо, чтобы он его разрывал.

-L-
На сайте с 05.01.2008
Offline
110
-L-
#6

Тс начните с этого сайта http://htmlbook.ru/

Есть сайт, паблик Вконтакте или Одноклассниках? Нет денег? Заработай здесь, просто размещая видеоролики в своих сообществах! (http://viboom.com/ru/invite/73)
_alk0g0lik_
На сайте с 20.08.2006
Offline
307
#7
-L-:
Тс начните с этого сайта http://htmlbook.ru/

Начинал и не только с него. Если сами не знаете, не флудите.

Prior
На сайте с 03.03.2008
Offline
156
#8

Так нужно?

Только в примере на картинке, насколько я понимаю, картинка вставлена в середину текста...а вы хотите, чтобы див ваш был в начале текста и вы каким-то параметром задавали ему отступ от верха? Вообще не уверен, что это возможно.

jack.sun
На сайте с 21.03.2009
Offline
27
#9

_alk0g0lik_, тогда задайте второму блоку высоту 100% height: 100%

Demetrio
На сайте с 26.05.2008
Offline
81
#10

то есть надо что-то вроед

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

Размещусь на ваших площадках по тематикам: мобильная связь, спортивное питание
12 3

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий