Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [CSS] Dziwny offset pojawiający się przy resize, coś nie tak z centrowaniem przy zmianie rozmiaru okna
Sky_walker
post 1.12.2008, 16:52:29
Post #1





Grupa: Zarejestrowani
Postów: 214
Pomógł: 23
Dołączył: 26.09.2005

Ostrzeżenie: (0%)
-----

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 
  1. <style type="text/css">
  2. /* <![CDATA[ */
  3.  
  4. #galeria_bg {
  5.   position: absolute;
  6.   top: 0;
  7.   left: 0;
  8.   display: none;
  9.   z-index: 100;
  10.   text-align: center;
  11.   background-image: url(img/alpha60.png);
  12. }
  13. #galeria_bg #galeriapopup_frame{
  14.   background-color: white;
  15.   width: 920px;
  16.   margin: 460px auto auto auto;
  17.   margin-top: ;
  18.   text-align: left;
  19. }
  20. /* ]]> */
  21. </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>. dostal.gif
I drugie pytanie: jak to naprawić? winksmiley.jpg


--------------------
Pomogłem? Kliknij poniżej.
Dzięki! :D
Go to the top of the page
+Quote Post
TAMLYN
post 9.01.2009, 20:51:00
Post #2





Grupa: Zarejestrowani
Postów: 49
Pomógł: 1
Dołączył: 6.01.2007
Skąd: Wrocław

Ostrzeżenie: (0%)
-----

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


--------------------
Wróciłem po długiej przerwie... Bogatszy w wiedzę.
Go to the top of the page
+Quote Post
erix
post 14.01.2009, 10:33:03
Post #3





Grupa: Moderatorzy
Postów: 15 467
Pomógł: 1451
Dołączył: 25.04.2005
Skąd: Szczebrzeszyn/Rzeszów
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 />.


--------------------

ZCE :: Pisząc PW załączaj LINK DO TEMATU i TYLKO w sprawach moderacji :: jakiś błąd - a TREŚĆ BŁĘDU? :: nie ponaglaj z odpowiedzią via PW!
Go to the top of the page
+Quote Post
« Następny starszy · CSS · Następny nowszy »
 

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Wersja Lo-Fi Aktualny czas: 27.06.2025 - 00:53
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn