LINUX.ORG.RU
решено Форум — Web-development  

Вопрос по div, css

 , ,


0

1

Привет, помогите решить проблемку. Уже пробовал и с z-index и с overflow. Немогу понять как это сделать.

Представим, что у нас есть 2 блока:

#page {
	width: 960px;
	top: 100px;
	left: 50%;
	position: absolute;
	margin-left:-480px;
        height: 400px;
}
#info-block {
    width: 100%;
    height: 120px;
}

И находятся они так:

<div id="page">
   <div id="info-block">
       Some text
   </div>
</div>

Вопрос: как сделать чтоб блок info-block был на 100% ширины страницы всей, а не блока page?

★★

Если ты засунул блок в блок фиксированного размера, то это нереально.

А в CSS ты просто задал идентификатору info-block 100% размеров родителя.

nutsandmilk ★★★
()
Последнее исправление: nutsandmilk (всего исправлений: 1)

блоку-наследнику ширину в пикселях, и родителю выключить overflow

NeverLoved ★★★★★
()

Его для этого надо разместить вне #page. А чтобы он был там, где (как мне кажется) он должен быть, можно сделать: 

#page {
	width: 960px;
	top: 100px;
	left: 50%;
	position: absolute;
	margin-left:-480px;
        height: 400px;
        padding-top: 120px;
}
#info-block {
    width: 100%;
    height: 120px;
    position: absolute;
    top: 100px
}
P.S. если будет неправильно перекрывать, копайте в сторону z-index

alix ★★★★
()
Последнее исправление: alix (всего исправлений: 1)

Если блок должен быть вложен, то вариант один — узнать ширину страницы (js) и указать размер явно.

metrokto ★★
()

Скорее всего ты всё делаешь неправильно. Если внутренний блок должен быть странице, он не должен быть внутрненним семантически, отсюда и проблемы.

У тебя каке-то месиво из позиционирования родителя, нифига не понятно что ты хочешь (и знаешь ли ты что ты делаешь). Объясни что тебе нужно в итоге.

Kalashnikov ★★★
()

либо:

#page{
position: static
}

#info-block{
position: absolute;
}

либо

#info-block{
position: fixed;
}

либо info-block должен быть в body > info-block

gobot ★★★★
()
Вы не можете добавлять комментарии в эту тему. Тема перемещена в архив.
Web-development