varemarious Δημοσ. 19 Νοεμβρίου 2010 Δημοσ. 19 Νοεμβρίου 2010 Καλημέρα το πρόβλημα το αντιμετωπίζω μόνο στον internet explorer .. εφαρμόζω τον παρακάτω κώδικα για να κάνω resize το background μου. > <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Test page</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <style type="text/css"> body,td,th { color: #fff; } </style> </head> <body style="padding:0px; margin:0px; overflow:hidden;"> <div style="position:absolute; width:100%; height:100%; margin:0px; padding:0px; left:0px; right:0px;z-index:1"><img src="back.jpg" width="100%" height="100%"></div> <div style="z-index:2; position:absolute; margin:0px; padding:0px; height:100%; width:100%; overflow:scroll;"> <br><br><br><br><br><br><br><br><p>test message</p><br><br><br><br><br><br><br><br><br><br><br> <br><br><br><br><br><br><br><br><br><br><br><br><p>test message</p><br><br><br><br><br><br><br> <br><br><br><br><br><p>test message</p><br><br><br><br><br><br><br><br><br><br><br><br><br><br> <p>test message</p><br><br><br><br><br><br><br><br><br><br><br><br><p>test message</p><br><br> <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br> <br><br><br><br><br><br><br><br><br><p>test message</p><br><br><br><br><br><br><br><br><br><br> <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br> <br><p>test message</p><br><br><br><br><br><br><br><br><br><br><br><br><br><br><p>test message</p> <br><br><br><br><br><br><br><p>test message</p><br><br><br><br><br><br><br><br><br><br><br><br><br> <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br> <p>test message</p><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br> </div></body></html> Το πρόβλημα είναι ότι στον ie απενεργοποιείται η κανονική scroll bar και εμφανίζει μία δεύτερη δίπλα και κάνει scroll down και up μόνο όταν το ποντίκι μου είναι μέσα στο περιεχόμενο της σελίδας , κείμενο, εικόνες. Όταν είναι το ποντίκι βρίσκεται στο background της σελίδας το scroll δεν δουλεύει. όποια άποψη δεκτή ευχαριστώ προκαταβολικά.
dewn735 Δημοσ. 19 Νοεμβρίου 2010 Δημοσ. 19 Νοεμβρίου 2010 Άλλος ένας πόντος για τον ie!! http://brenelz.com/blog/squish-the-internet-explorer-z-index-bug/ Αν και βέβαια δε πολυκατάλαβα τον τρόπο προσέγγισής σου... για ποιο λόγο βάζεις δυο διαφορετικά divs, το ένα πάνω στο άλλο, και δε βάζεις απλά την εικόνα σαν background στο δεύτερο;
varemarious Δημοσ. 22 Νοεμβρίου 2010 Μέλος Δημοσ. 22 Νοεμβρίου 2010 νομίζω ότι το link που μου έχεις δώσει δεν είναι για αυτό που θέλω.. έχω σχετίσει τα 2 div γιατί θέλω το background μου να κάνει autoresize και να είναι fixed . αν κάποιος έχει κάποια γνώμη περί του προβλήματος μου ας τη πει ευχαριστώ.
_tasos Δημοσ. 22 Νοεμβρίου 2010 Δημοσ. 22 Νοεμβρίου 2010 Δεν θα διάλεγα ούτε κ εγώ αυτόν τον τρόπο προσέγγισης. Διάβασε αν θέλεις αυτό το thread όπου συζητάνε το ίδιο θέμα με σένα. http://www.insomnia.gr/forum/showthread.php?t=393999 Από εκεί κ πέρα, αν δεν σε βολεύει τίποτα άλλο, δοκίμασε το εξής: ><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Test page</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style type="text/css"> body,td,th { color: #fff; } </style> </head> <body style="padding:0px; margin:0px; overflow:hidden;"> <div style="position:absolute; width:100%; height:100%; margin:0px; padding:0px; left:0px; right:0px;z-index:1"><img src="back.jpg" width="100%" height="100%"></div> <div style="z-index:2; position:absolute; margin:0px; padding:0px; height:100%; width:100%; overflow:scroll; background-image:url(front.png);"> <br /><br /><br /><br /><br /><br /><br /><br /><p>test message</p><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /> <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><p>test message</p><br /><br /><br /><br /><br /><br /><br /> <br /><br /><br /><br /><br /><p>test message</p><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /> <p>test message</p><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><p>test message</p><br /><br /> <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /> <br /><br /><br /><br /><br /><br /><br /><br /><br /><p>test message</p><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /> <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /> <br /><p>test message</p><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><p>test message</p> <br /><br /><br /><br /><br /><br /><br /><p>test message</p><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /> <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /> <p>test message</p><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /> </div></body></html> Θα δεις ότι στο 2ο div έβαλα ένα front.png σαν background. Το png αυτό είναι όλο transparent, οπότε δεν θα φαίνεται κάτι και παίζει σωστά το scroll στον IE!!
varemarious Δημοσ. 22 Νοεμβρίου 2010 Μέλος Δημοσ. 22 Νοεμβρίου 2010 θα το δοκιμάσω και θας πω τα αποτελέσματα ευχαριστώ.
Προτεινόμενες αναρτήσεις
Αρχειοθετημένο
Αυτό το θέμα έχει αρχειοθετηθεί και είναι κλειστό για περαιτέρω απαντήσεις.