Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML] Select nad divem
Forum PHP.pl > Forum > Przedszkole
Snowak
Tworzę sobię okienko w divie, ma position: absolute, jest wyśrodkowane przez JS... Krótko mówiąc w firefoxie wszystko działa bez problemów. Natomiast problem zaczyna się w IE... Pod okienkiem znajdują się selecty i mimo tego, że okienko znajduje się nad resztą treści strony, to selecty pojawiają się na okienku! Kombinuje z parametrem z-index dla diva zawierającego treść strony oraz dla selectów i okienka ale to nic nie daje... Co jest nie tak? Czyżby kolejny problem nie do rozwiązania w IE? :|

btw. Treść strony w dużym skrócie wygląda tak:

  1. <div>
  2. tresc strony
  3. <select>...</select>
  4. </div>
  5.  
  6. <!-- okienko -->
  7. <div>
  8. tresc okienka
  9. </div>


I opisując problem w skrócie - okienko przy pozycjonowaniu absolutnym pojawia się nad treścią lecz pod selectem.

Z góry dzięki za odpowiedź.
franki01
Przez CSS nic z tym nie zrobisz. Po prostu interpretacja IE na to nie pozwala. Tez mnie to zawsze denerwuje smile.gif
batman
Domyślam się, że nie działa pod IE6? Nie ma prostego rozwiązania tego problemu. Najszybszym rozwiązaniem jest ukrycie selecta jeśli okienko się wyświetla. Innym rozwiązaniem jest zastosowanie ramek. Poszukaj na google, łatwo znaleźć.
franki01
Cytat(batman @ 1.01.2008, 21:52:46 ) *
Domyślam się, że nie działa pod IE6? Nie ma prostego rozwiązania tego problemu. Najszybszym rozwiązaniem jest ukrycie selecta jeśli okienko się wyświetla. Innym rozwiązaniem jest zastosowanie ramek. Poszukaj na google, łatwo znaleźć.


Wlasnie tez myslalem nad ukryciem selecta, jak to jest np. w lightboxie, ale tutaj ten div z absolute jest jak div jest caly czas widoczny to juz gorzej...
Snowak
Już sobię poradziłem - jak otwieram ramkę pozycjonowaną absolutnie to JSem ustawiam pod nią iframe.. zasłania selecta i wszystko pięknie działa. Oczywiście trzeba dobrze ustawić parametr z-index dla ramki i okna - najlepiej przez JS a nie CSS.. Momentami przez CSS go nie obsługiwało.
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.