Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: IE nie wyświetla divów
Forum PHP.pl > Forum > Po stronie przeglądarki > HTML \ XHTML
NeRoK
Witam,

Mam pewien problem. Poprzez JavaScript zmieniam wartość style.display divu o okreslonym id. Pod FF, IE8, Operą, Chrome itd. działa ok. Problem zaczyna się na IE6/7.
Kod wygląda następująco:
  1.  
  2. <div class="boxCont">
  3. <div class="boxLeft">
  4. Blok lewy
  5. </div>
  6.  
  7. <div class="boxRight">
  8. <div class="menu">
  9. <ul>
  10. <li>blblb</li>
  11. <li>blblb</li>
  12. </ul>
  13. </div>
  14. <div class="program" id="1">blblb</div>
  15. <div class="program" id="2">blblblbl2</div>
  16. </div>
  17. </div>


CSS:
  1. .boxCont
  2. {
  3. width: 760px;
  4. display: table-cell;
  5. padding-top: 5px;
  6. }
  7.  
  8. .boxLeft
  9. {
  10. width: 150px;
  11. float: left;
  12. overflow: hidden;
  13.  
  14. }
  15. .boxRight
  16. {
  17. width: 600px;
  18. float: right;
  19. overflow: hidden;
  20. }
  21. .Program
  22. {
  23. display: none;
  24. }


W JS zmieniam wartosc program z display none na display block. Działa wszystko OK. Na IE7 bloki w ogole się nie pokazują...
Co moze byc tego przyczyna?
DeXTeD
Kod
display: table-cell;

Tego ie nie wspiera...
NeRoK
No tak, ale to raczej nie ma nic do rzeczy, bo odziwo te dwa bloki (boxLeft i boxRight) są *dobrze* wyświetlanie... tylko blok Programy gdzieś znika..
DeXTeD
Lepiej by było jak byś pokazał stronę na żywo, bo po tym fragmencie kodu nie jestem wstanie nic ciekawego stwierdzić.

Możesz spróbować wywalić overflow: hidden...

ID nie może się on również rozpoczynać cyfrą ani myślnikiem!
NeRoK
Dzieki za opdowiedź.
Próbowałem juz overflow: hidden i nie działa tak samo. ID jest poprawne (zostało zmienione na k, l) , bo w reszcie przegladarek działa (ie 8) również. Zamiast divów program, wstawiłem <table> (elementy sa wyswietalne w tabeli, najlepsze rozwiazanie) no i tak samo tabela znika. Niestety nie mogę wstawić fragmentu strony.
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.