Страница 1 из 2 1 2 >
Показывать 40 сообщений этой темы на одной странице

Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Как отпозицианировать absolute div внутри relative div (https://javascript.ru/forum/misc/34456-kak-otpozicianirovat-absolute-div-vnutri-relative-div.html)

godofjavascript 05.01.2013 18:53
Как отпозицианировать absolute div внутри relative div
 
как делать absolute позиционирование относительно родиттельского relative блока??

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

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

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


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

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


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



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


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

Deff 05.01.2013 19:02
Цитата:
Сообщение от godofjavascript
боди, обычный див и внутри него абсолют див.
:)HTML Код слабо написать?( вродь ти всё верно казал

godofjavascript 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 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 05.01.2013 19:15
Deff,
какой же я мудак....... у блоком по умолчанию не релейтив стоит.......

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

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

div {
position: relative
}



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

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

Deff 05.01.2013 19:32
:D - Всё дурака валяешь с НГ

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

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

Deff 05.01.2013 21:02
Цитата:
Сообщение от godofjavascript
как сделать так чтобы релейтив блок был ВЫШЕ абсолюта, если вдруг они нахлеснутся друг на друга?
Ну выставляешь абсолютный блок за релативом и ему(абсолютному) Тор тады не прописывай


Часовой пояс GMT +3, время: 20:28.
Страница 1 из 2 1 2 >
Показывать 40 сообщений этой темы на одной странице