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

Δημοσίευση 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