Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> Pozycjonowanie względem <body>
seba123
post
Post #1





Grupa: Zarejestrowani
Postów: 57
Pomógł: 1
Dołączył: 20.03.2008

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


Hi, dla przykładu prosty kod
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
  2. <head>
  3. </head>
  4. <body>
  5.  
  6. <div id="glowny" style="position:relative;">
  7.  
  8. <div id="podrzedny">
  9. <div id="pozycjonownyelement" style="position:absolute;">
  10. tekst
  11. </div>
  12. </div>
  13.  
  14. <!-- tutaj kod dla ktorego potrzebny jest position:relative; dla glowny -->
  15. </div>
  16.  
  17. </body>
  18. </html>
W jaki sposób element #pozycjonownyelement pozycjonować względem <body>, a nie #glowny?
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 4)
rocktech.pl
post
Post #2





Grupa: Zarejestrowani
Postów: 587
Pomógł: 131
Dołączył: 8.02.2010

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


Witam.

Będziesz musiał zmienić układ strony.

  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
  2. <head>
  3. </head>
  4. <body style="position:relative;">
  5. <div id="pozycjonownyelement" style="position:absolute;">
  6. tekst
  7. </div>
  8. <div id="glowny">
  9.  
  10. <div id="podrzedny" style="position:relative;">
  11.  
  12. </div>
  13.  
  14. <!-- tutaj kod dla ktorego potrzebny jest position:relative; dla glowny -->
  15.  
  16. <div id="pozycjonownyelement_wzgledem_glowny" style="position:absolute;">
  17. tekst
  18. </div>
  19. </div>
  20.  
  21. </body>
  22. </html>


Ten post edytował rocktech.pl 20.04.2012, 09:09:06
Go to the top of the page
+Quote Post
seba123
post
Post #3





Grupa: Zarejestrowani
Postów: 57
Pomógł: 1
Dołączył: 20.03.2008

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


Chodzi właśnie o trick bez zmiany układu, bo problem dotyczy dość mocno zaawansowanego projektu i wiele rzeczy ładuje się tam ajaxowo.

Tzn pytanie czysto z ciekawości, bo inne rozwiązanie problemu znam. (IMG:style_emoticons/default/wink.gif)

Ten post edytował seba123 20.04.2012, 09:18:03
Go to the top of the page
+Quote Post
by_ikar
post
Post #4





Grupa: Zarejestrowani
Postów: 1 798
Pomógł: 307
Dołączył: 13.05.2009
Skąd: Gubin/Wrocław

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


Oj jeżeli element podrzędny body i jednocześnie nadrzędny elementowi który chcesz pozycjonować jest pozycjonowany relatywnie (w twoim przypadku id="glowny"), to nie bardzo masz pole do popisu. Możesz wyjechać poza id="podrzedny" wpisując minusowe wartości top/left lub dodatnie większe dla right/bottom.
Go to the top of the page
+Quote Post
kamil4u
post
Post #5





Grupa: Zarejestrowani
Postów: 2 350
Pomógł: 512
Dołączył: 4.01.2009
Skąd: Wrocław / Świdnica

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


Czysto z ciekawości to się nie da, bo CSS jest ściśle związany z HTML (IMG:style_emoticons/default/smile.gif)

Są dwa wyjścia:
- zmiana HTML
- użycie JS i odjęcie wartości z div-a rodzica

Jak mniemam Twoje rozwiązanie to zmiana trochę koncepcji.

Cytat
bo problem dotyczy dość mocno zaawansowanego projektu

W zaawansowanym projekcie powinieneś mieć olbrzymi ład i porządek i przemyśleć wszystko.
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 - 15:25