Ένα συχνό πρόβλημα που αντιμετωπίζουν οι web designers όταν μεταβούν από table based authoring σε divs (layers authoring) είναι το θέμα με το fixed height (συγκεκριμένο ύψος). Ουσιαστικά το πρόβλημα εντοπίζεται όταν οριστεί συγκεκριμένο ύψος height σε κάποιο div με αποτέλεσμα αντί να κάνει «expand» και να φιλοξενήσει το περιεχόμενο, λειτουργεί λανθασμένα (overlap) αλλοιώνοντας το layout της ιστοσελίδας.
Για το θέμα του fixed height υπάρχει η λύση του min-height hack, αναλυτικότερα:
Δείγμα προβλήματος | Δείγμα με εφαρμογή του min-height hack
CSS ΚΩΔΙΚΑΣ ΠΟΥ ΠΡΕΠΕΙ ΝΑ ΕΦΑΡΜΟΣΟΥΜΕ
#name_div {
min-height:500px;
height:auto !important;
height:500px;
}
Το min-height hack δουλεύει σε όλα τα βασικά προγράμματα πλοήγησης διαδικτύου (browsers) όπως IE6+, Mozilla/Firefox/Gecko, Opera 7.x+, Safari1.2+ και είναι έγκυρο (valid) για τα παγκόσμια πρότυπα W3C.
