Форум

godofjavascript · #1 (**permalink**) 05.01.2013, 18:53

как делать absolute позиционирование относительно родиттельского relative блока??

неужели так нельзя??

вот есть у меня див, он релейтив., он растянут на всю ширину родителя а высоту его определяет его контент , хочу сделать внутри него кнопку крестик допустим, и отпозицианировать его

right 10px; top 10px; относительно этого блока, так чтобы кнопка перекрывала весь контент z-index 999.

как это сделать то?

неужели создатели стандарта такое не предусмотрели??

то есть вот так

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

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

Deff · #2 (**permalink**) 05.01.2013, 19:02

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

боди, обычный див и внутри него абсолют див.

HTML Код слабо написать?( вродь ти всё верно казал

godofjavascript · #3 (**permalink**) 05.01.2013, 19:03

А надо чтоб стало как на картинке... (

<head>
	<style type="text/css">
		#container {
			border : 1px solid black;
			}

		#close_button {
			width            : 50px;
			height           : 50px;
			background-color : red;
			}
	</style>
</head>
<body>

<div id="container">
	а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а
	а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а
	а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а
	а а а а а а а а а

	<div id="close_button"></div>
</div>

</body>

Deff · #4 (**permalink**) 05.01.2013, 19:14

<head>
<style type="text/css">
#container {
  border : 1px solid black;
  position:relative;
}

#close_button {
 position:absolute;
 right:10px;
 top: 10px;
 width: 50px;
 height: 50px;
 background-color : red;
}
</style>
</head>
<body>

<div id="container">
	а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а
	а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а
	а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а
	а а а а а а а а а
	а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а а
	а а а а а а а а а

	<div id="close_button"></div>
</div>

</body>

godofjavascript · #5 (**permalink**) 05.01.2013, 19:15

Deff,
какой же я мудак....... у блоком по умолчанию не релейтив стоит.......

по этому я думал что его можно и не прописывать.... какой же я мудаааааааааааак........... спасибо тебе добрый человек.. блин спасибо, а я то всегда с этим парился..... блин какой же я мудаааааааааааааааааааааа аааааааааааааааааааак........ ....

godofjavascript · #6 (**permalink**) 05.01.2013, 19:19

боже какой же я мудааааакк....
я же всегда ставил обычно в стилях писал

div {
position: relative
}

ну у меня была сбрасывалка стилей, и вот так такое было, я и привык.....

Deff , спасибо ОГРОМНОЕ чувак, ОГРОМНОЕ!!111 за мной должок

Deff · #7 (**permalink**) 05.01.2013, 19:32

- Всё дурака валяешь с НГ

godofjavascript · #8 (**permalink**) 05.01.2013, 19:42

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

godofjavascript · #9 (**permalink**) 05.01.2013, 20:58

А если у нас внутри 2 блока, релейтив и абсолют. то абсолют блок перекрывает релейтив. как сделать так чтобы релейтив блок был ВЫШЕ абсолюта, если вдруг они нахлеснутся друг на друга?

Deff · #10 (**permalink**) 05.01.2013, 21:02

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

как сделать так чтобы релейтив блок был ВЫШЕ абсолюта, если вдруг они нахлеснутся друг на друга?

Ну выставляешь абсолютный блок за релативом и ему(абсолютному) Тор тады не прописывай

Форум

Справочник

Discord чат

Курсы javascript