Πρόβλημα με modal και Internet Explorer 10

[philos]

Καλησπέρα παιδιά!

 

Αντμετωπίζω το εξής πρόβλημα, σε IE 10.

Χρησιμοποίησα αυτό το modal του w3schools, προσαρμοσμένο σε μια σελίδα μου.

Δουλεύει κανονικά σε όλους τους γνωστούς browsers, εκτός του ΙΕ 10.

 

Εδώ έχω ανεβάσει μια test σελίδα με το πρόβλημα. Πατήστε το Click Me για να εμφανιστεί το modal.

 

Η σωστή εκδοχή εμφάνισης είναι αυτή:

 

Η λάθος που συμβαίνει στον ΙΕ 10 είναι αυτή:

 

Για κάποιο λόγο όταν κάνω:

var sc_pvc_modal = document.getElementById('mysc_pvc_modal');
sc_pvc_modal.style.display = "block";

... δεν εμφανίζεται όλο το περιεχόμενο.

 

Αν δοκιμάσω να φορτώσω τη σελίδα με εξ αρχής:

.sc_pvc_modal {
    display:block; /* Hidden by default */

... το modal φαίνεται ok (αλλά προφανώς δε το θέλω εξ αρχής ανοιχτό).

 

Καμιά ιδέα;

 

ΥΓ: Όταν πατιέται το Click Me, κάνει ένα ajax request, δε ξέρω αν έχει σημασία αυτό.

 

[Predatorkill]

Δοκιμασε με sc_pvc_modal.style.cssText='display:block;';

 

 

http://www.w3schools.com/jsref/prop_style_csstext.asp

[philos]

Το δοκίμασα, αλλά το αποτέλεσμα είναι το ίδιο...

[Predatorkill]

Δωσε ολο το κωδικα, οι ie τρομπαρουν με τα divs και το block.

[antonisid]

Αν δε κάνω λάθος ο IE 10 δεν υποστηρίζεται ούτε απ την Microsoft πλέον μετά από ανακοίνωσή της.