width100%+pad

[Lincky]

XHTML:

<div class="b-0">bla-bla-blablabla-bla-blablabla-bla-blabla</div>
<div class="b-1">
	 <div class="b-2">
................
		  <p>bla-bla-blabla-bla-blabla-bla-blabla-bla-bla</p>
		  <div class="b-3">bla-bla-bla</div>
.......................
	 </div>
</div>

CSS

.b-0 {float:left;  widht:200px;}
.b-1 {margin-left:200px;}
.b-2 {padding:0 50px;}
.b-3 {background:#0f0}

Вопрос!

Как сделать чтобы блок .b-3 прилипал к краям .b-2? не забывайте про ие6..

для p ничего не пишем..т.к. много различных блоков может быть внутри .b-2, надоест для каждого писать padding

мне нужно общее решение. .b-3 может быть в любом месте.

"..........." значят, что есть много разного контента помимо этого

ПИШИТЕ РАБОТАЮЩИЕ РЕШЕНИЯ! ПОВЕРЬТЕ, ВЕРСТАЮ НЕМАЛО, ЗДЕСЬ НУЖЕН НЕСТАНДАРТНЫЙ ПОДХОД

Edited July 13, 2009 by Lincky

[Justnewone]

Как сделать чтобы блок .b-3 прилипал к краям .b-2? не забывайте про ие6..

либо .b-3 {margin:0 -50px}, либо .b-2 {padding:0}, .b-2 P{padding:0 50px;}

[psywalker]

.b-0 {float:left;  widht:200px;}
.b-1 {margin-left:200px;}
.b-2 {padding:0 50px; position: relative;}
.b-3 {background:#0f0; position: absolute; top: 0; left:0; width: 100%; height: 50px;}

[Lincky]

либо .b-3 {margin:0 -50px}, либо .b-2 {padding:0}, .b-2 P{padding:0 50px;}

если это было так, я не созвал бы тему

.b-0 {float:left;  widht:200px;}
.b-1 {margin-left:200px;}
.b-2 {padding:0 50px; position: relative;}
.b-3 {background:#0f0; position: absolute; top: 0; left:0; width: 100%; height: 50px;}

почему то все пишут конкретно для этого случая. мне нужно общее решение... .b-2 может быть в любом месте...

.b-0 {float:left;  widht:200px;}
.b-1 {margin-left:200px;}
.b-2 {padding:0 50px; position: relative;}
.b-3 {background:#0f0; position: absolute; top: 0; left:0; width: 100%; height: 50px;}

читаем отредактированное условие

[Justnewone]

если это было так, я не созвал бы тему

почему то все пишут конкретно для этого случая. мне нужно общее решение... .b-2 может быть в любом месте...

Тогда поясните подробнее. второй "либо" стопудовый "чтобы блок .b-3 прилипал к краям .b-2".

[Lincky]

.b-0 {float:left;  widht:200px;}
.b-1 {margin-left:200px;}
.b-2 {padding:0 50px; position: relative;}
.b-3 {background:#0f0; position: absolute; top: 0; left:0; width: 100%; height: 50px;}

читаем отредактированное условие

Тогда поясните подробнее. второй "либо" стопудовый "чтобы блок .b-3 прилипал к краям .b-2".

сори, опечатался. надо, чтобы блок .b-3 прилипал к краям .b-2.

Edited July 13, 2009 by Lincky

[Justnewone]

читаем отредактированное условие

Не надо нервничать ))) Нужно сразу писать то что хотите узнать. В Вашем случае пойдет оборачивание всего "что не b-3" в див с маргин:0 50px; и это самое топортное и надежное решение. PS: Или же лечите осла отдельно через conditional comments

Edited July 13, 2009 by Justnewone

[Lincky]

Не надо нервничать ))) Нужно сразу писать то что хотите узнать. В Вашем случае пойдет оборачивание всего "что не b-3" в див с маргин:0 50px; и это самое топортное и надежное решение. PS: Или же лечите осла отдельно через conditional comments

всё ок, я не нервничаю. решение не оптимально, учимся верстать дальше(что и я делаю, а то воспримешь, как обиду). читаем как называется тема. надо от этого плясать.

Edited July 13, 2009 by Lincky