Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: problem z pozycją elementów z-index
Forum PHP.pl > Forum > Po stronie przeglądarki > CSS
PcPablo
Sprawa się ma następująco:

HTML:
  1. <div class="tlo_gradient"></div>
  2. <div class="tlo_kwiaty"></div>
  3. <div class="pasek"></div>
  4. <div id="wysrodkowanie">
  5. <div class="odstep_gora"></div>
  6. <div id="tlo_biale">
  7. <div class="logo"><a href="index.php"><img alt="logo vivesa" src="templates/default/img/logo-vivesa.png" width="230" height="230" /></a></div>
  8. <div id="menu_glowne">$menuGlowne</div>
  9. <h1>$aData[sName]</h1>
  10. <h4>$aData[sPagesTree]</h4>
  11. </div>
  12. </div>
  13.  


CSS:
  1. .pasek {
  2. position: relative;
  3. top: 404px;
  4. width: 100%;
  5. height: 40px;
  6. z-index: 15;
  7. background: url('img/tlo-pasek.png') repeat;
  8. }
  9.  
  10. h1 {
  11. z-index: 30;
  12. float: left;
  13. margin: 0 0 0 20px;
  14. padding: 12px 0;
  15. height: 18px;
  16. font-size: 22px;
  17. font-weight: normal;
  18. color: white;
  19. width: 900px
  20. }
  21.  
  22. h4 {
  23. z-index: 30;
  24. float: right;
  25. margin: 12px 0 0 -500px;
  26. padding: 0;
  27. font-weight: normal;
  28. color: white;
  29. }
  30.  


Według pozycjonowania z-index elementy h1 i h4 powinny znajdować się nad elementem .pasek . Niestety tak nie jest i oba są schowane pod. Dlaczego tak jest i jak mam wyciągnąć elementy h1 i h4 na wierzch. Dodam nie mogę ich umieścić w elemencie .pasek

Pozdrawiam
Damonsson
Nie analizowałem kodu, ale z-index bez position, nie działa. Pewnie to przyczyna.
PcPablo
Racja, ale gdy do h1 i h4 dodam position: relative to efekt jest taki sam. Już wcześniej to próbowałem.
Damonsson
Pokaż to gdzieś online.
PcPablo
http://www.vivesa.pl/nowastrona/?pl_fotografia-slubna,6

.pasek to ten pasek na całą szerokosć ekranu

h1 i h4 to tekst pod paskiem który powinien być nad
mar1aczi
Element id="wysrodkowanie" ma z-index równy 5 zatem jest pod elementem class=pasek. Nie lepiej/poprawniej h1 i h4 włożyć w pasek?
PcPablo
To że element id="wysrodkowanie" ma z-index: 5 to nie ma żadnego znaczenia. Nie raz naprzemiennie układałem elementy i działało.

Jak już na samym początku wspomniałem nie da się włożyć h1 i h4 do paska, bo pasek znajduje się w innym szablonie (wewnętrznym).
Damonsson
Hmmmm jakby Ci to wyjaśnić...

Masz wstążkę (.pasek) i masz karton (.wyśrodkowanie).

Wstążka, zawsze ma być na kartonie : (wstążka: z-index: 15) (karton: z-index: 5)

Czegokolwiek byś nie włożył do środka kartonu i tak będzie pod wstążką.

Rozumiesz?

Musiałbyś te h1 i h4 wyrzucić poza karton, żeby wystawały ponad.

PcPablo
Powiedzmy, że byłęm święcie przekonany że już wcześniej udawały mi się takie kombinacje.

W takim razie teraz niebardzo wiem jak zrobić ten pasek żeby był wewnątrz "pudełka" a zarazem wystawał poza. Czyli był na 100% szer. ekranu.
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.
Invision Power Board © 2001-2025 Invision Power Services, Inc.