Forum PHP.pl > Pozycjonowanie względem <body>

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: Pozycjonowanie względem <body>

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

seba123

20.04.2012, 08:58:13

Hi, dla przykładu prosty kod

[HTML] pobierz, plaintext 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
  <head>
  </head>
  <body>
 
  <div id="glowny" style="position:relative;">
 
       <div id="podrzedny">
            <div id="pozycjonownyelement" style="position:absolute;">
                  tekst            
            </div>
       </div>
 
        <!-- tutaj kod dla ktorego potrzebny jest position:relative; dla glowny -->     
  </div>
 
  </body>
</html>
[HTML] pobierz, plaintext

W jaki sposób element #pozycjonownyelement pozycjonować względem <body>, a nie #glowny?

rocktech.pl

20.04.2012, 09:04:25

Witam.

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

[HTML] pobierz, plaintext 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
  <head>
  </head>
  <body style="position:relative;">
            <div id="pozycjonownyelement" style="position:absolute;">
                  tekst            
            </div>
  <div id="glowny">
 
       <div id="podrzedny" style="position:relative;">
 
       </div>
 
        <!-- tutaj kod dla ktorego potrzebny jest position:relative; dla glowny -->     
 
            <div id="pozycjonownyelement_wzgledem_glowny" style="position:absolute;">
                  tekst            
            </div>
  </div>
 
  </body>
</html>
[HTML] pobierz, plaintext

seba123

20.04.2012, 09:12:50

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.

by_ikar

20.04.2012, 10:52:34

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.

kamil4u

20.04.2012, 10:59:59

Czysto z ciekawości to się nie da, bo CSS jest ściśle związany z HTML

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.

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.