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

Αν έχετε κάνει ποτέ (ή κάνοντας ένα) ένα κάθετο μενού χρησιμοποιώντας στοιχεία της λίστας (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] ->