Forum PHP.pl > [CSS] Dziwny offset pojawiający się przy resize

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [CSS] Dziwny offset pojawiający się przy resize

Forum PHP.pl > Forum > Po stronie przeglądarki > CSS

Sky_walker

1.12.2008, 16:52:29

Mam element <div> z półprzeźroczystym tłem który zajmuje 100% strony (#galeria_bg). Żeby div ładnie wypełniał całość strony mam podpięty javascript nadający mu w stylu width i height. Wewnątrz div'a jest ramka na zdjęcie z galerii (#galeriapopup_frame).
Styl wygląda tak:

[HTML] pobierz, plaintext 
<style type="text/css">
/* <![CDATA[ */
 
#galeria_bg {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  z-index: 100;
  text-align: center;
  background-image: url(img/alpha60.png);
}
#galeria_bg #galeriapopup_frame{
  background-color: white;
  width: 920px;
  margin: 460px auto auto auto;
  margin-top: ;
  text-align: left;
}
/* ]]> */
</style>
[HTML] pobierz, plaintext

Firebug pokazuje z lewej margin, border i padding na 0 oraz offset na... 253 teraz.
I teraz jest następujący problem:
#galeriapopup_frame powinien zawsze widnieć na środku strony. Niestety - przy zmniejszaniu okna offset zostaje bez zmian, kiedy przy jego powiększaniu się zwiększa. Efektem tego po powiększeniu okna a następnie jego zmniejszeniu #galeriapopup_frame ląduje dość daleko przesunięty na prawo.

Czym defacto jest offset? Gdzieś czytałem że to jakby przesunięcie wynikłe z pozycji zewnętrznych elementów ale... zewnętrznym elementem jest <body>.

I drugie pytanie: jak to naprawić?

TAMLYN

9.01.2009, 20:51:00

Nie lepiej korzystać z display:table? Wtedy nie musisz stosować js, który zapewne jest przyczyną błędu

erix

14.01.2009, 10:33:03

Taaa, zwłaszcza pod IE tego użyjesz ;p

Cytat

I drugie pytanie: jak to naprawić?

Daj wywołanie funkcji zmieniającej rozmiar dla zdarzenia onresize w <body />.

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.