Вывести блок за пределы родительского(margin-right)

@__bool · Регистрация: 13.06.2010

Author24 — интернет-сервис помощи студентам

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

На картинке изображена ситуация, возникающая при попытке решить задачу посредством margin-left: -value; и желаемый результат(справа)
(maring-right - ничего не меняет(почему?))

CSS

.article {
    margin: 10px 10px 10px 0px;
    padding: 10px;
    border-radius:10px;
    color: #ddd;
    border: 2px solid #334;
}

C++

.article-date {
    //display:block;
    //z-index:10;
    //overflow:visible;
        //вероятно удивлю норм прогеров своим способом комментирования :D
 
    color:#88a;
    background:#334;
    //left: -56px;
    //top: 35px;
    margin-left: -97px;
    position:absolute;
    border: 4px solid #111;
    border-right:0px solid black;
    padding: 5px 12px 5px 5px;
    border-radius: 15px;
    border-top-right-radius:0px;
    border-bottom-right-radius:0px;
}

@__bool · 07.03.2012, 00:41 **[ТС]**

И можно ли как то сделать, чтоб, в случае когда блок пустой(отсутствует текст) - он становился невидимым?

@__bool · 08.03.2012, 23:19 **[ТС]**

Это вообще возможно?

@conformist · 09.03.2012, 13:26

а почему обязательно посредством связи родитель-ребенок это делать? может проще сделать 2 смежных дива и все?

@__bool · 09.03.2012, 18:33 **[ТС]**

Честно говоря, не знаю как грамотно объяснить, вообщем, требуется, чтоб этот блок, как бы не занимал место на странице(не двигал другие блоки), потому что он идет поверх остальных блоков.
Огромный плюс еще в том, что при масштабировании страницы браузер его не учитывает(position absolute).

вот скриншоты: (Проблема на 3-м(вследствие масштабирования))

@conformist · 09.03.2012, 21:01

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

@__bool · 10.03.2012, 01:59 **[ТС]**

Сообщение от conformist

поставьте и у блока с сообщением позиционирование, и они будут двигаться вместе

Форум не выводит параметр, или вы не дописали?
Position:Relation?

суть в том, что позицию нужно отсчитывать от правого края, а этим занимается margin-right, но он по какой то причине не работает в моей ситуации.

@TabulaRasa · 19.06.2013, 13:32

__bool, Во первых, "position: relative;", во вторых, почему с правого, если с левого?

@__bool 288 / 229 / 27 Регистрация: 13.06.2010 Сообщений: 744
	07.03.2012, 00:41 [ТС]	2
	И можно ли как то сделать, чтоб, в случае когда блок пустой(отсутствует текст) - он становился невидимым? 0

@__bool 288 / 229 / 27 Регистрация: 13.06.2010 Сообщений: 744
	08.03.2012, 23:19 [ТС]	3
	Это вообще возможно? 0

@conformist O tempora, o mores! 238 / 172 / 13 Регистрация: 15.01.2012 Сообщений: 681
	09.03.2012, 13:26	4
	а почему обязательно посредством связи родитель-ребенок это делать? может проще сделать 2 смежных дива и все? 0

@__bool 288 / 229 / 27 Регистрация: 13.06.2010 Сообщений: 744
	09.03.2012, 18:33 [ТС]	5
	Честно говоря, не знаю как грамотно объяснить, вообщем, требуется, чтоб этот блок, как бы не занимал место на странице(не двигал другие блоки), потому что он идет поверх остальных блоков. Огромный плюс еще в том, что при масштабировании страницы браузер его не учитывает(position absolute). вот скриншоты: (Проблема на 3-м(вследствие масштабирования)) Миниатюры 0

@conformist O tempora, o mores! 238 / 172 / 13 Регистрация: 15.01.2012 Сообщений: 681
	09.03.2012, 21:01	6
	так, если это 2 отдельных блока, то у того, что отъезжает при масштабировании установлено абсолютное позиционирование. поставьте и у блока с сообщением позиционирование, и они будут двигаться вместе. а чтобы другие элементы учитывали их - для всех родительских тоже поставьте position 0

@__bool 288 / 229 / 27 Регистрация: 13.06.2010 Сообщений: 744
	10.03.2012, 01:59 [ТС]	7
	Сообщение от conformist поставьте и у блока с сообщением позиционирование, и они будут двигаться вместе Форум не выводит параметр, или вы не дописали? Position:Relation? суть в том, что позицию нужно отсчитывать от правого края, а этим занимается margin-right, но он по какой то причине не работает в моей ситуации. 0

@TabulaRasa 4 / 4 / 0 Регистрация: 31.10.2012 Сообщений: 40
	19.06.2013, 13:32	8
	__bool, Во первых, "position: relative;", во вторых, почему с правого, если с левого? 0