Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [css] z-index a zmiana rodzielczości
Mercel
post
Post #1





Grupa: Zarejestrowani
Postów: 12
Pomógł: 0
Dołączył: 21.08.2010

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


Witam
Mam problem z ustawieniem diva, który jest na wyższej warstwie:

  1. <div id="all" align="center" style="width:950px; height:500px; margin: 0 auto; background-color:black;">
  2. glowny div
  3. <div id="popup" style="position:absolute; z-index:1; width:266px; height:61px; left:100px; top100px; background-color:red; ">
  4. popup
  5. </div>
  6. </div>


Wszystko ładnie wygląda dopóki nie zmieni się rozdzielczości, wówczas div popup pozycjonuje się względem okna przeglądarki, a nie względem diva all i wszystko się rozjeżdża. W jaki sposób można to rozwiązać?
Go to the top of the page
+Quote Post
Skie
post
Post #2





Grupa: Zarejestrowani
Postów: 555
Pomógł: 84
Dołączył: 20.02.2008
Skąd: Małopolska

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


DIV #all musi mieć pozycjonowanie żeby to zadziałało - np. position: relative;

Dopiero wtedy #popup i jego absolute zadziała.

Ten post edytował Skie 26.09.2010, 13:09:04
Go to the top of the page
+Quote Post
krispak
post
Post #3





Grupa: Zarejestrowani
Postów: 250
Pomógł: 55
Dołączył: 27.08.2008

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


Polecam zapoznac sie z tym
  1. <div id="popup" style="position: relative; z-index:1; width:266px; height:61px; left:0px; top100px; background-color:red; ">
  2. popup
  3. </div>
Go to the top of the page
+Quote Post
Mercel
post
Post #4





Grupa: Zarejestrowani
Postów: 12
Pomógł: 0
Dołączył: 21.08.2010

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


Skie nawet nie wiesz jak mi pomogłeś, siedziałem nad tym dzisiaj od rana i nie mogłem tego zrobić, teraz wszystko działa jak powinno.

krispak, dzięki za linka.
Go to the top of the page
+Quote Post

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

 



RSS Aktualny czas: 24.08.2025 - 21:49