Τι κάνω αυτή τη στιγμή; fuck off iphone! stupid fuckin phone! I really really hate you
 

CSS | γρήγορο min-height fix για τον IE6

tagged , and

13 Οκτωβρίου 2008
σχετικό με , ,

Το πόσο καθυστερημένος browser είναι ο Internet Explorer όλοι το ξέρουμε. Το πόσες κατάρες έχω ρίξει στους developers (καλά… περίπου) της Micro$oft δεν το ξέρετε όμως. Κάποιες από τις πιο πετυχημένες είναι οι παρακάτω:

  • Που να σας απολύσουν και στη νέα σας δουλειά να δουλεύουν αποκλειστικά σε Safari (MAC φυσικά…)!
  • Που να σας κοπεί ο τένοντας την επόμενη φορά που θα γράψετε tags τα οποία δουλεύουν μόνο σε IE!
  • Που να σας κάτσουν τα IE Hacks, όλα μαζί, στο λαιμό!
  • Ελπίζω η τούρτα που έστειλε η ομάδα του Firefox να έχει κώνειο!
  • και άλλες πολλές…

Στα δικά μας τώρα. Εδώ και καιρό χρησιμοποιώ ένα καλό και γρήγορο hack για τον IE6 με το οποίο εξομοιώνουμε τη χρήση του min-height η οποία για αδιευκρίνιστους λόγους δεν λειτουργεί από μόνο της.

Αν έχουμε τον παρακάτω κώδικα,

#content { min-height:700px; }

Και το τρέξουμε σε όλους τους σοβαρούς browsers θα δουλέψει κανονικά. Ο IE έχει άλλη άποψη επ αυτού. Για να το λύσουμε γράφουμε το παρακάτω,

#content { min-height:700px; height:auto !important; height:700px;}

Η λύση είναι στην ουσία ένας συνδυασμός του !important με το height που ακολουθεί. Αυτό μπερδεύει τον IE ο οποίος από καθαρή βλακεία δίνει το επιθυμητό μέγεθος στο box μας.





 
© 2007 | Powered by WordPress | cc