Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [CSS] z-index i problem z Firefoxem i Chrome ?
cammb
post
Post #1





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

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

(IMG:http://img85.imageshack.us/img85/7964/divy.png)

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 (IMG:style_emoticons/default/exclamation.gif)

Czy da się zrobić aby dało się kliknąć cokolwiek w Divie 2 gdy nachodzi na niego Div 1 ?
Go to the top of the page
+Quote Post
krzysztof_kf
post
Post #2





Grupa: Zarejestrowani
Postów: 1 135
Pomógł: 158
Dołączył: 19.03.2009
Skąd: Toruń

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

Pokaż co tam zrobiłeś postaramy się poprawić ;]
Go to the top of the page
+Quote Post
cammb
post
Post #3





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

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

Poniżej zamieszczam cały plik HTML wraz ze stylem i widocznym problemem (IMG:style_emoticons/default/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


Ten post edytował cammb 5.05.2010, 15:50:24
Go to the top of the page
+Quote Post
blooregard
post
Post #4


Newsman


Grupa: Moderatorzy
Postów: 2 033
Pomógł: 290
Dołączył: 21.12.2007
Skąd: Łódź
A zerknij tu:
http://blog.atena.pl/position-relative-i-absolute
Go to the top of the page
+Quote Post
krzysztof_kf
post
Post #5





Grupa: Zarejestrowani
Postów: 1 135
Pomógł: 158
Dołączył: 19.03.2009
Skąd: Toruń

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

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


Ten post edytował krzysztof_kf 5.05.2010, 15:57:37
Go to the top of the page
+Quote Post
cammb
post
Post #6





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

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

niestety nadal nie da rady zaznaczyć (IMG:style_emoticons/default/sad.gif) jejku może jeszcze jakieś pomysły ?
Go to the top of the page
+Quote Post
« Następny starszy · CSS · Następny nowszy »
 

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

 

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 27.08.2025 - 10:03
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn