Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [CSS] Dziwny offset pojawiający się przy resize, coś nie tak z centrowaniem przy zmianie rozmiaru okna
Sky_walker
post
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>. (IMG:http://forum.php.pl/style_emoticons/default/dostal.gif)
I drugie pytanie: jak to naprawić? (IMG:http://forum.php.pl/style_emoticons/default/winksmiley.jpg)
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi (1 - 2)
TAMLYN
post
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 (IMG:http://forum.php.pl/style_emoticons/default/winksmiley.jpg)
Go to the top of the page
+Quote Post
erix
post
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 />.
Go to the top of the page
+Quote Post
« Następny starszy · CSS · Następny nowszy »
 

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

 

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

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

RSS Aktualny czas: 23.08.2025 - 13:03
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn