Εκφράζοντας IT

Χρόνος και ξανά, όταν όλα τα άλλα προγράμματα περιήγησης φαίνεται να συμπεριφέρονται όπως είπε από τους κανόνες του W3C, δηλαδή μπορείτε σπείρες από το πνεύμα της ανάπτυξης με τη ρίψη ένα ξέσπασμα, αυτό δεν φαίνεται να έχει μια λύση. Ακριβώς ένα τέτοιο ένα είναι αυτό το θέμα σε IE7.

Δήλωση Πρόβλημα:
I και έτσι μπορεί να πολλές από τις άλλες σοβαρές web developers να έχουν παρατηρήσει περισσότερα από ένα πολλές φορές, ότι όταν υπάρχει ένθετο επιπλέει στη διάταξη, με υπερίπτανται ορισμένες συνδέσεις (ετικέτες άγκυρα), το δοχείο που περιέχει φαίνεται να μετατοπίσει μερικά εικονοστοιχεία προς τα δεξιά . Έχω προσπαθήσει να το google λύσεις για το θέμα αυτό, αλλά έχουν βρει σχεδόν καμία λογική απάντηση στο γιατί και όταν συμβαίνει (που μπορεί να βοηθήσει να αποτρέψει αυτό το ζήτημα από το να συμβεί), ως εκ τούτου, δεν έχω βρει μια σαφή λύση στο πρόβλημα, είτε ...

Πιθανή Λύση:
Από την εμπειρία, έχω δει το 90% τοις εκατό των φορές, δηλαδή, ότι το θέμα αυτό καθορίζεται με την προσθήκη ενός ακινήτου ζουμ στον ορισμό του CSS της στη λανθασμένη συμπεριφορά δοχείο ...

 # {Somediv
       ζουμ: 1?
 }

και πάλι οι λόγοι είναι ασαφείς ... δοκιμάστε αυτό ...
Ορισμένα στοιχεία στην Ιρλανδία έχουν ένα "hasLayout" περιουσία, η οποία είναι "αλήθεια" από προεπιλογή. Πολλές συμπεριφορές οπτικής CSS? Για παράδειγμα, ένα άλφα φίλτρο λειτουργεί μόνο σε ένα στοιχείο που hasLayout. και το {Zoom: 1} φαίνεται να δίνει τα στοιχεία του ακινήτου στόχο hasLayout .... Χρήσιμες; Δεν σκέφτομαι έτσι ...

Το ακίνητο ζουμ είναι επίσης φαίνεται να υποστηρίζεται από το Chrome, αλλά βαθούλωμα χρήση του φαίνεται να κάνει πολύ αρνητικές συνέπειες για τη διάταξη μου ... να το δοκιμάσετε, αν αυτό δουλεύει για σας ... αν δεν το κάνει, αναφερθείτε σε αυτήν την σελίδα στο "craps CSS"

Το Google ξεκινά μια κίνηση παρακινεί τους ανθρώπους να πετάξει ... Με τον IE6 υποκλοπών IE6 στους χρήστες με ένα popup με το φορτίο σελίδα ... δεν μπορεί να είναι μια πολύ καλή ιδέα ... αλλά είναι ένας προγραμματιστής UI, έχω να ενταχθούν σε αυτό το βαγόνι ταινία ... ένα λιγότερο browser για μένα ανησυχούν Συγνώμη ... δεν είναι εγωιστικό! αλλά έχω συμπεριλάβει αυτό το javascript ... (TRY ΣΕ ΑΥΤΗ ΤΗ ΣΕΛΙΔΑ IE6) ...
Hey! και για το φωτεινότερο σημείωση ... Δείτε αυτό είναι μια επίδειξη της δύναμης του JavaScript .... μπορεί ακόμη και να ρίξει ένα τεράστιο (ή ήταν κάποτε)

ΕΤΣΙ ... Βοήθεια απαλλάξουν τον κόσμο από τον IE6 με μια γραμμή javascript!

http://code.google.com/p/sevenup/

Εάν είστε css πρόσωπο, θα ξέρετε τον πόνο να πάρει σχεδιαγράμματα εργασίας σας cross-browser. IE8 είναι ένα ακόμη κλειδί στα έργα για την ανάπτυξη μας. Anywaz! αν χτυπήσει από το θέμα αυτό, όπως έκανα και χθες, όπου εργάζονται τέλεια CSS σας σε IE7 (και νωρίτερα) και ο Firefox έχει αρχίσει ξαφνικά ρίχνουν τα ξεσπάσματα σε IE8, δοκιμάστε αυτό ... Είναι ωραία φάνηκε να διορθώνει τα προβλήματα μου, προς το παρόν ....

Χρησιμοποιώντας δήλωση Μέτα, μπορούμε να καθορίσουμε την απόδοση του κινητήρα θα θέλαμε να χρησιμοποιούν το IE8. Έτσι για να αναγκάσει τον IE8 να καταστήσει ως IE7 ... προστίθεται το ακόλουθο μετα-ετικέτας στο κεφάλι του εγγράφου σας: -

<meta http-equiv="X-UA-Compatible" content="IE=7" />

Από προεπιλογή IE Μέτα θα είναι: -

<meta http-equiv="X-UA-Compatible" content="IE=8" />
το οποίο θα καταστήσει τον IE8 απόδοση της σελίδας χρησιμοποιώντας τη νέα λειτουργία πρότυπα.

Αν χρειαστεί, αυτή η σύνταξη θα μπορούσε να χρησιμοποιηθεί για να φιλοξενήσει για άλλα προγράμματα περιήγησης, όπως παρακάτω:

<meta http-equiv="X-UA-Compatible" content="IE=8;FF=3;OtherUA=4" />

Περισσότερα DOCTYPES:

ΑΝ είστε ακόμη εξοικειωμένοι με το είδος του ζώου που ονομάζεται "DOCTYPE" ... εδώ είναι μερικές γρήγορη ανάγνωση
Τι είναι DOCTYPES; Ποιες είναι οι ιδιορρυθμίες BROWSER & ΑΝΤΙΚΕΙΜΕΝΙΚΗΣ Mode;
Ρύθμιση του DOCTYPE σε XSL

Για μια πιο εις βάθος κατανόηση για DOCTYPES, προσπαθήστε να επισκεφθείτε αυτούς τους συνδέσμους ...
A List Apart: Στερεώστε το site σας με το δεξί DOCTYPE!
A List Apart: Πέρα από DOCTYPE: Πρότυπα του Παγκοσμίου Ιστού, τη συμβατότητα και IE8

Σημείωση: Αν και πολλοί από εμάς HTML / CSS άνθρωποι έχουν να παραγνωρίζεται η σημασία της DOCTYPE decleration στα έγγραφά μας, Καθορισμός του σωστού DOCTYPE, είναι συνήθως η απάντηση στα περισσότερα ζητήματα σταυρό του προγράμματος περιήγησης.

CSS για μη-IE browsers: καμία είδηση ​​της στο CSS προγραμματιστές που, CSS Selectors παιδιών, όπως το παρακάτω παράδειγμα, δεν φαίνεται να εργαστούν στον IE.

π.χ. div> διάστημα {} κάποια css, αυτό σημαίνει ότι "όταν ένα στοιχείο άνοιγμα είναι ένα παιδί (και όχι ένα εγγόνι ή μεγάλο μεγάλο παιδί κλπ) ενός στοιχείου διαίρεση".

Αλλά συνηθίζαμε CON αυτό προς όφελός μας. Ιστορικά, ο επιλογέας παιδί έχει χρησιμοποιηθεί για να κρύψει CSS εντολές από IE. Απλά με την τοποθέτηση html>body μπροστά από κάθε εντολή CSS IE θα την αγνοήσουμε:

html>body .foo { CSS commands go here ;}

Αυτό λειτουργεί, επειδή <body> είναι πάντα ένα παιδί του <html> - δεν μπορεί ποτέ να είναι φυσικά ένα εγγόνι ή μεγάλος-εγγονός του <html> .

Τώρα που IE 7 αντιλαμβάνεται τον επιλογέα παιδί, θα πρέπει να εισάγετε ένα κενό ετικέτα στο σχόλιο αμέσως μετά τη μεγαλύτερη από ό, τι σημάδι IE 7 δεν θα καταλάβουν τότε αυτό επιλογέα (ποιος ξέρει γιατί?) Και ως εκ τούτου θα αγνοήσει εντελώς την εντολή CSS.:

html> /**/ body .foo { CSS commands go here ;}

Αν δεν το έχετε ήδη δει αυτά πριν, έχουν διαβάσει μέσω των ακόλουθων καθώς και

• Προϋπόθεση Σχόλια: Για ΑΠ έχει μόνο-Μέρος Duex σας
• CSS σιδηροπρίονο: JavaScript, CSS, HTML μόνο για τον Firefox
• Για σας η ΑΠ Μόνο

Ως συνήθως, ένα από τα πολλά παράξενα ορισμένα προβλήματα με IE και αυτό πρέπει να κατατάσσεται στο top 10 του IE ιδιοτροπίες.

ΔΗΛΩΣΗ ΤΟΥ ΠΡΟΒΛΗΜΑΤΟΣ (Αυτό ήταν το πρόβλημά μου, ίσως έχετε παρόμοια misbehaviors):
Έχω πολλές DIV Είναι στη σελίδα με την κατηγορία "sectionhead", η οποία δεν είναι τίποτα, αλλά ο τίτλος του τμήματος της σελίδας. Έτσι έχω κάποια στυλ μοιάζει με αυτό

. Sectionhead {font-size: 18px? Υπόβαθρο: # cfcfcf? Padding: 5px?}

Το div είναι ένα ελαφρύ γκρι μπάρα με κάποιο μαύρο κείμενο. Τι συμβαίνει στον IE είναι μερικές από αυτές τις κεφαλίδες εμφανίζονται εντάξει, αλλά μερικά είναι αόρατα, έως ότου, μετακινήστε τη σελίδα ή κάντε κλικ κάτι στη σελίδα, κλπ. Κάποια στιγμή τείνουν να εξαφανίζονται όταν κάνετε κλικ στο 'alt' πλήκτρο, όταν σας σελίδα προς τα κάτω ή να μετακινηθείτε με τη γραμμή κύλισης. Μερικές φορές φαίνεται να επανεμφανιστούν όταν φορτώσετε (F5) της σελίδας. Έχω μια τέλεια μικρή απλή DIV με κάποιο απλό ύφος συμπεριφέρεται άσχημα.
Τι θα μπορούσε να προκαλέσει μια τέτοια αλλοπρόσαλλη συμπεριφορά; Καλά! Ειλικρινά, Δεν έχω ιδέα!

Πιθανή λύση:
Και πάλι μην με ρωτάτε γιατί, αλλά σε πολλές περιπτώσεις το πρόβλημα αυτό τείνει να εξαφανιστεί όταν προσθέτετε θέση: σε σχέση με την κακή συμπεριφορά στοιχεία στυλ, όπως αυτό

. Sectionhead {font-size: 18px? Υπόβαθρο: # cfcfcf? Padding: 5px? Θέση: σχετική}

Περίεργο, αλλά τι να πω; Ο Θεός ευλογεί μου από IE!

ΚΑΙ ΜΕ αναλάβουν το μερίδιο των ΗΠΑ, αν είχατε παρόμοια προβλήματα.

Oh well! Στην προηγούμενη θέση λίγες ημέρες πίσω όσον αφορά την Αδιαφάνεια στην IE8, ξέχασα να αναφέρω ένα σημαντικό σημείο ότι "IE 8 αυστηρή λειτουργία δεν επιτρέπει για CSS αδιαφάνεια".
Για όσους donot καταλαβαίνετε τι εννοώ με την αυστηρή λειτουργία, εδώ είναι γρήγορη φροντιστήριο .

Ένα έργο γύρω από αυτό (Πριν από την ομάδα IE dev συνειδητοποιούν ότι έχουν άνοιξε δρόμο για την περαιτέρω εργασία ρουτίνες σε όλο τον κόσμο, για τις ιστοσελίδες που χρησιμοποιούν αναδυόμενων φανάρια με κάποια αδιαφάνεια, και να θέσει ξανά την υποστήριξη για την αδιαφάνεια) είναι να χρησιμοποιήσετε ένα ημι διαφανής εικόνα ... κατά προτίμηση σε μορφή PNG (είχα κακή εμπειρία να πάρει διαφανείς εικόνες GIF για να εργαστεί ως υποτίθεται ότι). Δημιουργήστε μια εικόνα PNG από το χρώμα και το ποσοστό της διαφάνειας που σας αρέσει, το αγαπημένο σας πρόγραμμα επεξεργασίας εικόνας και να το χρησιμοποιήσετε ως εικόνα φόντου για την επικάλυψη lightbox σας.

δηλαδή
Αντί για κάτι τέτοιο

. Lighbox_overlay {
χρώμα φόντου: # ffffff?
z-index: 1001?
-Moz-αδιαφάνεια: 0,6?
αδιαφάνεια: 0,60?
φίλτρο: άλφα (αδιαφάνεια = 60)?
}

Κάνετε αυτό ....

. Lighbox_overlay {
υπόβαθρο: url (bkg.png) επαναλαμβάνω?
}

Για να το δοκιμάσετε, ΚΛΙΚ ΕΔΩ! | ΤΟ λήψη, κάντε κλικ ΕΔΩ!

Αν βλέπετε αυτή τη σελίδα σε IE8, τότε θα πρέπει να δει μια πλήρη αδιαφανές λευκό φόντο πίσω από αυτή τη θέση. Χθες, συνάδελφός μου επεσήμανε το γεγονός αυτό μου (Όπως είμαι ένας από εκείνους τους ανθρώπους οι οποίοι προσαρμόζονται σε αλλαγές αργά και σταθερά ... ειδικά προγράμματα περιήγησης. Μπορούσαμε να πούμε, Im ένας δειλός, αλλά έτσι είναι .... να είσαι ένας προγραμματιστής UI, είμαι πάντα σκατά φοβούνται νέες εκδόσεις προγραμμάτων περιήγησης ... ξέρετε τι Im που tlaking περίπου, έτσι;)

Σκαμμένα γύρω για λίγο, προσπαθώντας να βρουν μια λύση για να το διορθώσετε και μετά τι ...
Αυτή τη φορά ALL TIME FAVOURITE φυλλομετρητή μας το έχει κάνει ξανά με τη ρίψη κάθε υποστήριξη για CSS αδιαφάνεια. Η μη τυπική `φίλτρο: άλφα (αδιαφάνεια = # #)` CSS χαρακτηριστικό έχει αφαιρεθεί, Νίκαια, αλλά και εντελώς ξέχασε να προσθέσει το CSS3 υποστήριξη αδιαφάνεια (όπως το πώς όλες οι άλλες προγράμματος περιήγησης ωραία έχουν διατηρηθεί σε). Έτσι, για πρώτη φορά, αφού ο Θεός μας είπε για τα CSS αδιαφάνεια (από 5,0 IE, υποθέτω), ένα web browser δεν υποστηρίζει CSS αδιαφάνεια.
Και τώρα για την κρέμα πάνω: Επίσημη λέξη από την ομάδα του IE 8; Είναι "εκ κατασκευής" και "θα εξετάσουμε αυτό σε μια μελλοντική έκδοση του IE".

PS: Δοκιμάστε αυτή τη σελίδα σε φράγκα, ορκίζονται φαίνεται τακτοποιημένο!

Αν έχετε κάνει ποτέ (ή κάνοντας ένα) ένα κάθετο μενού χρησιμοποιώντας στοιχεία της λίστας (LI) ετικέτες και CSS, μπορείτε να αντιμετωπίσετε, αυτό ακόμη σφάλμα στον Internet Explorer, όπου IE 6 εισάγει αυτά τα κενά μεταξύ των στοιχείων λίστας που περιέχει στοιχεία επιπέδου μπλοκ, δηλαδή αν υπάρχει κενό μεταξύ των στοιχείων λίστας στη σήμανση. Ευχαριστώ, αλλά δεν χάρη, η έκδοση του IE 7 φαίνεται απαλλαγμένο από αυτό το bug.
Αν, όπως εγώ, και πολλά άλλα, ανήκετε σε αυτή την μπάντα του απογοητευμένοι προγραμματιστές, οι οποίοι εξακολουθούν να πρέπει να πάρετε νέες διατάξεις τους, που εργάζονται στον IE6 πάρα πολύ, τότε αυτό θα μπορούσε να αποδειχθεί χρήσιμη. Ρίξτε μια ματιά ...

Δείγμα σήμανσης:

<ul id="menu">
<li> <a href="#"> Αρχική </ a> </ li>
<li> <a href="#"> Σχετικά </ a> </ li>
<li> <a href="#"> Υπηρεσίες </ a> </ li>
<li> <a href="#"> χαρτοφυλάκιο </ a> </ li>
<li> <a href="#"> Συχνές Ερωτήσεις </ a> </ li>
<li> <a href="#"> Επικοινωνία </ a> </ li>
</ Ul>

Μπορείτε να δημιουργήσετε κάποια CSS, παρόμοιο με το παρακάτω, για να transfrom την παραπάνω σήμανση σε ένα κάθετο μενού ....

Δείγμα CSS ...
# {Μενού
margin: 0? padding: 0? υπόβαθρο: # FF9900?
κατάλογος-style-type: κανένας? πλάτος: 150px?
}
# Li μενού {margin: 0? Padding: 0?}
# Ένα μενού {display: block?
χρώμα: # 555555?
text-decoration: κανένας?
padding: 0 15px?
γραμμή-ύψος: 2,5? σύνορα-κάτω: 1px solid # FFF?
}

Τα αποτελέσματα θα δείτε ...

Λύση για αυτό το σφάλμα ... (τροποποίηση / προσθήκη CSS με έντονους πλάγιους χαρακτήρες)

# {Μενού
margin: 0? padding: 0? υπόβαθρο: # FF9900? λίστα-style-type: κανένας? πλάτος: 150px?
float: αριστερά? / * αυτό περιέχει επέπλευσε στοιχεία λίστας * /
}
# Li μενού {
margin: 0? padding: 0?
float: αριστερά? / * Αυτό καθορίζει το * /
πλάτος: 100%? / * κενό bug στον IE6 * /
}
# Ένα μενού {
display: block? χρώμα: # 555555?
text-decoration: κανένας?
padding: 0 15px?
γραμμή-ύψος: 2,5? σύνορα-κάτω: 1px solid # FFF?
}

Εάν η παραπάνω λύση doesnot φαίνεται να λειτουργεί (για λόγους που είναι γνωστοί μόνο στον IE6) ... δοκιμάστε τη μέθοδο αυτή, αντί

Απλά προσθέστε αυτό το πρόσθετο IE6 μόνο στο στυλ σας σήμανσης ...

<-! [Αν lt IE 7>
<style type="text/css">
# Li ένα μενού {display: inline-block?}
# Li ένα μενού {display: block?}
</ Span>
<[Endif] ->

Δημοσίευση IE 6, MSIE έχει την καλοσύνη να μας UI ανάπτυξης με την προσθήκη μερικών περισσότερες ιδιότητες CSS πρότυπο για πιο άλλο πρότυπο browsers. Μια τέτοια χρήσιμα ιδιοκτησίας "min-height». Αρκετά απλή ιδιοκτησία που δεν χρειάζεται μακρύ winded εξήγηση. Όταν ένα λεπτό-το ύψος για ένα τμήμα έχει οριστεί, διατηρεί πάντα ότι το ύψος σετ, όταν το περιεχόμενο που φιλοξενεί καταλαμβάνει λιγότερο από ό, τι μπορεί να χωρέσει και το σημαντικότερο (σε αντίθεση με την plain vanilla "ύψος" ιδιοκτησίας) ή κλίμακες σε CSS λόγια, συμπεριφέρεται σαν ένα τμήμα του οποίου "ύψος" έχει οριστεί σε "αυτόματη" ...

Για μερικούς από εμάς κακή προγραμματιστές, οι οποίοι εξακολουθούν να είναι υποχρεωμένοι να κώδικα CSS που πρέπει επίσης να εργαστεί στον IE6, un-διαθεσιμότητα του «min-height", θα μπορούσε να αποδειχθεί ένα πώμα δείχνουν ... κάποτε donot απελπισία.

Ευτυχώς, έχουμε αρκετά παραξενιές του IE, η οποία θα χρησιμοποιεί προς όφελός της και να χαράξει το δρόμο μας μέσα από την επίτευξη του στόχου μας ... δηλαδή κάνει μια διαίρεση ΔΙΕΥΘΥΝΣΗ σαν του min-height στον IE6

Λύση 1: Χρήση του επισημαίνουν την αμυχή [ ... Διαβάστε περισσότερα ]

.box1 {
min-height: 200px;
height:auto;
_height:200px;
}

HTML: -
<div class="box1">Some dynamic content with variable height ...</div>

---

Λύση 2: Χρησιμοποιώντας την Ιδιότητα CSS Επιλογέας Hack

.box2 {
min-height:200px;
height:200px;
}
div[class] .box2 {
height:auto;
}

HTML: -
<div class="someclass">
<div class="box2 common">Some dynamic content with variable height ...</div>
</div>


Η ιδιότητα CSS Επιλογέας Hack εκμεταλλεύεται το γεγονός ότι τα προγράμματα περιήγησης νωρίτερα tha IE6 αγνοείται ένα atribute-επιλογέα. Σημειώστε την απαίτηση ενός άλλου τμήματος δοχείο με class = "someclass". Ακριβώς ενώ η παρουσία του χαρακτηριστικού κατηγορίας για αυτό το τμήμα, υπερισχύει το ύψος πίσω αυτοκινήτων για Opera, Mozilla και MSIE7 και αργότερα. IE6, η οποία δεν υποστηρίζει επιλογείς atribute, αγνοεί.

Προβολή Demo του hack-min ύψος για τον IE6

Σε αρκετές περιπτώσεις, ενώ κάνει σελιδοποίηση με popup τμήματα / φανάρια / Συμβουλές κ.λ.π. συναντάμε περιπτώσεις όπου κάποια μορφή SELECT αντικείμενα συμβαίνει να είναι κάτω από αυτές τις POPUP τμήματα, από το σχεδιασμό και δείχνει μέσα από .... YUK!

Καλά! θα μπορούσε να διορθωθεί εύκολα με την προσαρμογή αυτή z-index αξίες σας κατάλληλα για FF και IE7. Αλλά Παλιές Καλές (λογοπαίγνιο προορισμένο) IE6 δεν συμπεριφέρεται ως στόχο .... Το SELECT δείχνουν BOX μέσω, ακόμα και μετά την εφαρμογή ορισμένων δραστικά το μεγάλο z-index αξίες PopUp τμήματός σας ... Κρίμα!

Υπάρχουν ΟΧΙ Διορθώσεις για αυτό το πρόβλημα, αλλά υπάρχουν, πιστεύω, περισσότερο από λίγα τρόπο να εργαστεί, γύρω από αυτό το πρόβλημα, αλλά Im εδώ για να σας πω την απλούστερη λύση που μπορώ να χρησιμοποιήσω, το οποίο δουλεύει μια χαρά για μένα, στις περισσότερες των περιπτώσεις ....

"Κρύβουν το ROUGE SELECT πλαίσιο, όταν ΔΕΙΞΤΕ ΤΗΝ POPUP"

Απλά στο απόσπασμα σενάριό σας, όπου σας δείξει αναδυόμενο σας, προσθέστε ένα κομμάτι του σεναρίου για να ορίσετε την ορατότητα των ΣτοΕπιλογή να "Κρυφό"

document.getElementById («my_select») style.visibilty = "κρυφό".?

Και θυμηθείτε να το γυρίσουν πίσω στο Κλείσιμο των PopUp τμήματός σας

. document.getElementById («my_select») style.visibilty = "ορατή"?

όπου "my_select" είναι το ID του ερεθισμού SELECT Πλαίσιο

Η ελπίδα αυτό βοηθά ...

PS. Υπάρχουν φυσικά και άλλες επιλογές όπως τα δυναμικά positionining ένα IFRAME (ίδιο μέγεθος όπως pop-up) στο πλαίσιο του Popup DIV ... Αυτό λειτουργεί πολύ καλά, αλλά με την προσθήκη φορτίων του DOM στοιχεία, σενάρια και κεφαλαλγία. Έχω χρησιμοποιήσει αυτή τη λύση πάρα πολύ, και Εάν χρειάζεστε οποιαδήποτε βοήθεια με αυτήν την επιλογή, μην επιτρέψτε μου να ξέρω. Θα χαρούμε να σας εξυπηρετήσουμε!