Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS] z-index i problem z Firefoxem i Chrome ?
Forum PHP.pl > Forum > Po stronie przeglądarki > CSS
cammb
5.05.2010, 14:11:36


Mój problem przedstawiony został na powyższym obrazku.

Otóż gdy mam absolutnego Diva 1 który jest postawiony na Divie 2 (relatywnym) to na IE i Operze wszystko jest ok, a na Chromie i Firefoxie
Div 1 przykrywa całkowicie Diva 2 w miejscu gdzie na niego nachodzi exclamation.gif

Czy da się zrobić aby dało się kliknąć cokolwiek w Divie 2 gdy nachodzi na niego Div 1 ?
krzysztof_kf
5.05.2010, 14:19:24
Pokaż co tam zrobiłeś postaramy się poprawić ;]
cammb
5.05.2010, 15:43:33
Poniżej zamieszczam cały plik HTML wraz ze stylem i widocznym problemem sad.gif

Link do strony z problemem - Problem (proszę o pomoc)


[HTML] pobierz, plaintext 
  1. <style type="text/css">
  2.  
  3. #pierwszy {position:absolute; margin: 0px; padding: 0; overflow:hidden; width:700px; height:590px; top:103px; left:300px; z-index:1;}
  4. #drugi {position:relative; margin: 0px; padding: 0; overflow:hidden; left:300px; width:830px; height:700; top:170px; background-color:#999;}
  5.  
  6. </style>
  7. </head>
  8.  
  9. <body>
  10. <div id="pierwszy">
  11.   <blockquote>
  12.     <ol>
  13.       <li> 1. W ten sposób[6] nowy model działalności organizacyjnej[5] spełnia istotną rolę w kształtowaniu[5] systemu szkolenia odpowiadającego potrzebom kadr kierowniczych[7] .<br>
  14. 2. Różnorodne i bogate doświadczenia oraz[8] stały wzrost ilościowy i jakościowy doskonalenia w resortach[2] umożliwia w większym stopniu tworzenie[9] form i metod pracy[19] .<br>
  15. 3. Z drugiej strony[2] każde nowatorstwo i twórcze poszukiwanie[14] umożliwia w większym stopniu tworzenie[9] rezerwy kadrowej[15] .<br>
  16. 4. Roli i znaczenia służb kadrowych nie trzeba w tym gronie szerzej uzasadniać w tym względzie, jednak[7] każde nowatorstwo i twórcze poszukiwanie[14] umożliwia w większym stopniu tworzenie[9] programów inspirowania twórczych postaw[6] .<br>
  17. 5. Podobnie[4] każde nowatorstwo i twórcze poszukiwanie[14] zmierza do wszechstronnego naświetlenia[18] sił wytwórczych i socjalistycznego programu pracy[18] .</li>
  18.       <li> 1. W ten sposób[6] nowy model działalności organizacyjnej[5] spełnia istotną rolę w kształtowaniu[5] systemu szkolenia odpowiadającego potrzebom kadr kierowniczych[7] .<br>
  19. 2. Różnorodne i bogate doświadczenia oraz[8] stały wzrost ilościowy i jakościowy doskonalenia w resortach[2] umożliwia w większym stopniu tworzenie[9] form i metod pracy[19] .<br>
  20.       </li>
  21.     </ol>
  22.   </blockquote>
  23. </div>
  24. <div id="drugi"><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>TEJ TREŚCI NIE DA SIĘ ZAZNACZYĆ W FIREFOXIE I CHROMIE<br>
  25.   A ZALEŻY MI ŻEBY TEN DIV BYŁ RELATYWNYM A POWYŻSZY ABSOLUTNY
  26. </div>
[HTML] pobierz, plaintext
blooregard
5.05.2010, 15:49:36
A zerknij tu:
http://blog.atena.pl/position-relative-i-absolute
krzysztof_kf
5.05.2010, 15:54:33
A daj takie coś zawsze daj odpowiednie DOCTYPE bo jest to bardzo ważne przy wyświetlaniu odpowiednim .

[HTML] pobierz, plaintext 
  1. <!DOCTYPE html
  2.         PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  3.         "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  4. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">
  5. <head>
  6. <title>^^^</title>
  7. </head>
  8. <body>
  9.  
  10. // Tutuaj daj całą zawartość 
  11. </body>
  12.    </html>
  13.  
[HTML] pobierz, plaintext
cammb
5.05.2010, 16:01:00
niestety nadal nie da rady zaznaczyć sad.gif jejku może jeszcze jakieś pomysły ?
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.