Элемент на весь DIV

Sinot · October 3, 2012

Приветствую всех!

Есть DIV (main), внутри которого расположен некоторый набор элементов.


<div id="main">
 <span>Форма чего-нибудь</span><br />
 <div>Кнопки, картинки, текст и т.п.</div>
</div>

Иногда нужно блокировать все элементы и выводить анимацию поверх.

Подобное я делал для всего экрана с помощью DIV и CSS.


<style>
#block
{
 position: fixed;
 top: 0px;
 left: 0px;
 width: 100%;
 height: 100%;
 background-image: url("../img/wait.gif");
 background-repeat: no-repeat;
 background-position: center;
 z-index: 5;
}
</style>

<div id="block">
</div>

Но вот как это сделать для DIV?

Пробовал растянуть DIV с display: table; (block внутри main естественно)


#main
{
 position: static;
}
#block
{
 display: table;
 position: absolute;
 width: 100%;
 height: 100%;
 top: 0px;
 left: 0px;
}

Аналогично вместо DIV - TABLE с одной ячейкой. В любом случае "размазывает" на весь экран, а не на родительский элемент.

JavaScript уже совсем на крайний. DIV (main) не фиксированного размера.

Спасибо.

P.S. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Sensei · October 3, 2012

так? http://jsfiddle.net/sensei/cwvdd/

Sinot · October 3, 2012

Етить за ногу.

Я перепутал static и fixed/relative/absolute для родительского элемента.

Спасибо большое. (Плюс не ставиться почему-то )

Edited October 3, 2012 by Sinot

Sign In

Элемент на весь DIV

Question

Sinot

Link to comment

Share on other sites

2 answers to this question

Recommended Posts

Sensei

Link to comment

Share on other sites

Sinot

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information