[CSS]Div zasłaniający i problem z IE

[mat3u]

Zrobiłem div'a:

Kod: Zaznacz cały

<div id="loading" class="loading"></div>

i do tego style dzięki którym ta ramka w trakcie ładowania danych przez AJAX powinna zasłaniać strone:

Kod: Zaznacz cały

#loading, .loading{
   position: fixed;
   top: 0;
   left:0;
   right: 0;
   bottom: 0;
   _height: 100%;
   _width:100%;
   background: transparent url(images/load_bg.png) repeat;
}

Działa pod FF i Operą ale oczywiśćie IE robi problemy. Ustawiłem height na 100% w body. Wiec div jest rozciagniety na całe okno ale reszta strony jest podspodem i wystarczy przesunąć stronę w dół. Nie wiem jak sobie z tym poradzić tak aby strona była pod.

ps. Przeźroczystość do IE jest w osobnym arkuszu stylów zdefiniowana przez filter. Więc moge również jezeli bedzie taka potrzeba specialnie dla IE zrobic te wymiary.

Proszę o pomoc.

Pozdrawiam, mat3u

[riddle]

Position: fixed jest problemem. Ale o ile wiem chcesz zasłonić stronę - więc wystarczy zrobić position: absolute i wyłączyć overflow dla html, body (IE - html, body w innych przeglądarkach) (hidden), jeśli strona jest za długa i istnieje ryzyko, że ktoś przewinąć ją będzie chciał.

[Gość]

Ok, dopisałem kilka linijek JS i prawie wszystko działa. Jak zmienic w JS status overflow dla html, ponieważ dla samego body nie wystarczy.

Pozdrawiam, mat3u

[riddle]

Kod: Zaznacz cały

document.getElementsByTagName("body")[0].parentNode

[mat3u]

Dzieki za odpowiedzi . Zrobiłem to inaczej:

Kod: Zaznacz cały

#loading, .loading{
   position: absolute;
   left: 0;
   top: 0;
   bottom: 0;
   right: 0;
   width: expression( 100 + "%" );
   height: expression( body.clientWidth + "px");
   margin: 0;
   padding: 0;
   background: url(images/load_bg.png) repeat;
   visibility: hidden;
}

Robi tak jak chce, we wszystkich przeglądarkach. Nie mam pojecia dlaczego tak dokładnie jest bo w sumie :

Kod: Zaznacz cały

width: expression( 100 + "%" );

to to samo co:

Kod: Zaznacz cały

width: 100%;

którego Ie nie chce zrozumiec.

Nie jestem pewien co do:

Kod: Zaznacz cały

height: expression( body.clientWidth + "px");

ale przy takiej kombinacji wszystko działa jak chce.

[riddle]

Dzięki za hinty odnośnie expressions, ostatnio się nimi dużo bawię i każda informacja jest na wagę złota.