CSS tables : Είναι η σωστή λύση που όλοι περιμέναμε;
Όλοι μας ελπίζουμε σε ένα πιο σταθερό και λειτουργικό μηχανισμό για την δημιουργία layout στο web. Επίσης, όλοι μας έχουμε ξοδέψει άπειρες ώρες προσπαθώντας να δημιουργήσουμε layouts με floats και positions που να παίζουν σε όλους τους browsers, και φυσικά έχουμε αγανακτήσει, άλλοι περισσότερο και άλλοι λιγότερο, με αυτές τις τεχνικές.
Τον τελευταίο καιρό, και με τον Internet Explorer 8 να είναι σχεδόν έτοιμος και να υποστηρίζει επιτέλους το CSS2.1, πολλοί ειδικοί του χώρου, ανάμεσα τους και το Sitepoint, κάνανε λόγο για το λεγόμενο CSS table layout. Το CSS table layout δεν έχει καμία σχέση με το old-school HTML table layout, απλά χρησιμοποιεί την display property του CSS, έτσι ώστε να δημιουργήσει με CSS ένα table-like layout.
Όπως καταλαβαίνεται, αμέσως ξέσπασε ένας πόλεμος ανάμεσα σε αυτούς που υποστήριξαν την νέα τεχνική και σε αυτούς που την αποδοκίμασαν ως τελείως εσφαλμένη. Από χτες όμως φαίνεται πως αυτοί που δεν υποστηρίζουν την συγκεκριμένη τεχνική έχουν δυνατούς συμμάχους πλέον στο πλευρό τους. O Eric Meyer και άλλοι γνωστοί επαγγελματίες του χώρου πήραν επιτέλους θέση στο θέμα, και σίγουρα αξίζει να διαβάσετε τις απόψεις τους.
Προσωπικά μέχρι αυτήν την στιγμή ήμουν ουδέτερος στο θέμα, χωρίς ωστόσο να έχω χρησιμοποιήσει, ούτε να είμαι διατεθειμένος να χρησιμοποιήσω την νέα τεχνική στο κοντινό μέλλον, για έναν και μοναδικό λόγο : Ακόμα και αν αποφασίσει κάποιος να δημιουργήσει ένα site χρησιμοποιώντας CSS tables, θα πρέπει και πάλι να δημιουργήσει το ίδιο site με “κανονικές” CSS τεχνικές. Εάν δεν κάνει κάτι τέτοιο, θα αποκλείσει πολλούς χρήστες από το site οι οποίοι χρησιμοποιούν παλιότερους browsers. Αυτός και μόνο ο λόγος μου είναι αρκετός στο να με αποτρέψει στο να προχωρήσω στην υλοποίηση κάποιου site με την συγκεκριμένη τεχνική. Από την άλλη μεριά πιστεύω πως η συγκεκριμένη τεχνική μπορεί να βοηθήσει μεγάλα site με πολλά block πληροφοριών, όπως για παράδειγμα το Amazon ή το eBay, να οργανώσουν και να παρουσιάσουν το περιεχόμενο τους καλύτερα. Επίσης η συντήρηση τόσο πολύπλοκων sites, θα γίνεται πολύ πιο εύκολα με CSS tables από τις παραδοσιακές CSS τεχνικές...
Είμαι πολύ περίεργος να δω πως θα εξελιχτούν τα πράγματα σε αυτό το θέμα, ενώ θα ήθελα να ακούσω και τις απόψεις των Ελλήνων επαγγελματιών του χώρου...
{12 σχόλια ως τώρα } + Νέο σχόλιο
klou
Είναι πολύ νωρίς για να ασχοληθώ με css tables.
Κοιτώ να τελειώνω όσο πιο γρήγορα μπορώ, με όσο πιο σωστό κώδικα.
Όταν η μέθοδος ωριμάσει και αν μέχρι να ωριμάσει δεν έχει βγει κάτι καλύτερο, τότε θα το χρησιμοποιήσουμε.
Είναι πολύ απλή σαν φιλοσοφία και ακούγεται εύκολη σαν υλοποίηση, οπότε όταν έρθει η ώρα, θα είναι πολύ εύκολο να υλοποιηθεί.
Μέχρι τότε, συνεχίζουμε να κούτουλαμε στον τοίχο το κεφάλι μας με τα floats & positions.
Αλέξανδρος Λίγγρης
Την ευλογημένη μέρα που θα γράφουμε για browser που υποστηρίζουν όλα αυτά τα ωραία θα κάτσω να προβληματιστώ για τις μεθόδους. Προς το παρόν υπομονή!
Απ’ όσο διάβασα τα CSS tables έχουν παρόμοια προβλήματα ευελιξίας markup με τα παραδοσιακά tables.
Ζαχαρένια Ατζιτζικάκη
Μόνο εγώ ανατριχιάζω και στην ιδέα ότι θα ξαναχρησιμοποιήσουμε κάποια στιγμή tables για layout;
Είμαστε σίγουροι ότι δεν υπάρχει μια άλλη λύση;
Δημήτρης Μπορμπότσιαλος
Όλοι λέμε ότι είναι πολύ νωρίς γι’αυτό, πολύ νωρίς για το άλλο...
Περιμένουμε με τον καιρό να αλλάξουν τα πράγματα και όταν και άμα τότε ακολουθούμε κι εμείς. Δεν καταλαβαίνουμε πως εμείς πρέπει να πηγαίνουμε μπροστά από τους χρήστες και όχι οι χρήστες πριν από μας!
Στιν ουσία βαζουμε τα χεράκια μας και βγάζουμε τα ματάκια μας.
Εμείς είμαστε ο μόνος λόγος για την κατάσταση αυτή και ότι παθαίνουμε μας αξίζει!
Πάρτε το χαμπάρι αν δεν σταματήσουμε να φτιάχνουμε compatible websites για τον IE6 οι χρήστες δεν θα αλλάξουν ποτέ τους browsers τους.
Τρώω το διπλάσιο χρόνο για development στον IE6 γιατι;
Για να ικανοποιήσω ποιούς? Τους άσχετους που δεν μπαίνουν στον κόπο να κάνουν ένα update. Όσοι χρησιμοποιούν ακόμα IE6 είναι άξιοι της μοίρας τους και ΔΕΝ ΤΟΥΣ ΑΞΙΖΕΙ να βλέπουν σωστά τα websites. (Ένας άλλος λόγος είναι βέβαια ότι πολλοί χρήστες χρησιμοποιούν πειρατικά xp και δεν περνάνε το authentication της Microsoft για να κάνουν update στον 7 ή 8.)
Φανταστείτε όλους αυτούς αύριο να μπούν στο ιντερνετ και να βλέπουν όλα τα sites σπασμένα, τι θα κάνουν δεν θα αλλάξουν browser γαμώτο? Γιατί δηλαδή να είμαι υποχρεωμένος να φτιάχνω sites συμβατά με τον ΙΕ6 και όχι με τον IE5.5? Είναι βλακεία και χάσιμο χρόνου να ασχολούμαστε με browser του 2001!
Αρκετά μας πήγε πίσω η microsoft με τον εξάρη όλα αυτά τα χρόνια.
Εμείς είμαστε αυτοί που μπορούμε να αλλάξουμε τα πράγματα, να εκπαιδεύσουμε τους πελάτες μας και τους χρήστες μας να πάμε μπροστά το web και να κάνουμε τη ζωή μας πιό εύκολη.
Δηλαδή πως αν δεν έχω flash player η Adobe μου λέει μεγάλε, δεν θα δεις αυτο το video αν δεν κάνεις update στον flash player 9.
Ε λοιπόν μεγάλε δεν πρόκειται να δείς το site αν δεν κάνεις upgrade τον ΓΑΜΩΕΞΠΛΟΡΕΡ 6!
Γιάννης Τσεβδός
Φίλε Δημήτρη,
καλά τα γράφεις γενικά, αν και οφείλω να ομολογήσω πως είσαι αρκετά πιο σκληροπυρηνικός από εμένα. Ξέρω από πρώτο χέρι τα προβλήματα του IE6, ωστόσο προσωπικά πιστεύω πως φταίει περισσότερο η Microsoft από τους χρήστες της...
Αυτά τα λίγα και ελπίζω όταν με το καλό βγει ο IE8 να αναβαθμίσουν κάποιοι χρήστες τον browser τους...
Δημήτρης Μπορμπότσιαλος
Φυσικά και φταίει η Microsoft αφού μετα την κατάρευση του Netscape μετέθεσε όλο το προσωπικό που δούλευε στον Internet Explorer σε άλλα τμήματα αφού στην ουσία είχε κερδίσει τη μάχη των τότε browsers. 4 ολόκληρα χρόνια είχε μείνει ανενεργή στο θέμα αυτό μέχι που εμφανίστηκαν κάποιοι που ήθελαν κάτι παραπάνω. Με την εξέλιξη των Firefox, Opera και Safari η Microsoft έκανε μια σπασμωδική κίνηση να μπεί πάλι στο παιχνίδι με τον IE7 που στην ουσία είχε βελτιώσει κάποια πράγματα από την έκδοση του 6 αλλά σε καμία περίπτωση δεν έφτανε τους άλλους.
Και όχι μόνο αυτό αλλά το μεγαλύτερο αστείο είναι ότι ενώ καυχιόταν ότι ο IE7 είναι ο ασφαλέστερος browser όλων, στο Outlook 2007 χρησιμοποιεί την μηχανή του word για να ρεντάρει την html ενώ σε παλιότερες εκδόσεις χρησιμοποιούσε τη μηχανή του IExplorer και όλα αυτά για “λόγους ασφαλείας”. Πήγε δηλαδή τα Newsletters τουλάχιστον 5 χρόνια πίσω, γιατί ως γνωστόν στο Outlook 2007 δεν παίζουν βασικά πράγματα όπως floats, background images κλπ, δηλαδή τίποτα.
Θέλω να πω πως η Microsoft μπορεί να κάνει ότι τη βολεύει πηγαίνοντας το web πότε μπρος και πότε πίσω κι εμείς ακολουθούμε σαν πρόβατα. Δηλαδή μπορεί να φταίει η Microsoft αλλά φταίμε κι εμείς που εξακολουθούμε να ασχολούμαστε μαζί της. Και η Adobe είναι μονοπώλιο αλλά δεν είδα τόσο δυσαρεστημένους πελάτες όσο της Microsoft. Τουλάχιστον εγώ δεν έχω κανένα παράπονο.
Εμένα προσωπικά δεν με ενδιαφέρει αν η Microsoft αρχίσει να φτιάχνει καλύτερα προγράμματα, με ενδιαφέρει οι χρήστες να εκπαιδευτούν και να αρχίσουν να αναζητούν καλύτερες λύσεις και από άλλες εταιρίες. Τελικά τώρα που το σκέφτομαι ο ανταγωνισμός δεν είναι καλο πράγμα. Αν δεν είχε εμφανιστεί o Firefox όλοι σήμερα θα είχαμε Internet Explorer 6 και θα ήμασταν χαρούμενοι.
Stergios
Συμφωνω με τους πάνω και ειδικα με τον Δημήτρης Μπορμπότσιαλος!Ελεος δηλαδη....με τον IE6.
Εαν δεν υπηρχε ο Firefox
1)Θα ανοιγαμε τις σελιδες πολυ πιο αργα
2)Ολα τα sites (κυριως απο τους νέους) θα ητανε σε tables και κανενας δεν θα πεδευοταν με το css και τα bugs αυτου του παλιο-browser!
3)Δεν θα ειχαμε Web Development add-ons
και πολλα άλλα.....
Ωστοσο εαν δεν μπορουν να τα βρουν οι εταιριες μεταξύ τους (στην συμβατοτητα του κωδικα css,html κτλ) και ριξουν τον ανταγωνισμο ΜΟΝΟ στην ασφαλεια και στα χαρακτηριστικα (interface κυριως) και εμεις οι φουκαριαρηδες τι να κανουμε?
Ζαχαρένια Ατζιτζικάκη
@Δημήτρη
Πίστεψέ με, καταλαβαίνω την οργή σου.
Αλλά το θέμα δεν είναι πια τόσο απλό. Έχω συνεργαστεί με ανθρώπους της Vodafone που στα screenshots που μου έστελναν, έβλεπα ότι χρησιμοποιούσαν IE 5.5.
Κάποιοι χρήστες (ιδίως corporate) δεν έχουν και άλλη επιλογή. Είναι θέμα πολιτικής, κακού administration, δεν ξέρω. Απλά δεν έχουν επιλογή.
Την αλλαγή μπορούμε να την ξεκινήσουμε εμείς, σε αυτό συμφωνώ. Παρακολουθώντας τα στατιστικά και τους users agents στα νέα μας projects. Αν το ποσοστό του Internet Explorer 6 είναι αρκετά μικρό, τότε έχουμε την ευκαιρία να το παραλείψουμε και να εμφανίσουμε ένα αντίστοιχο μήνυμα.
Όταν όμως στα στατιστικά σου έχεις 40% ελληνικό κοινό με IE6, δύσκολα τον εγκαταλείπεις, πίστεψέ με.
Δημήτρης Μπορμπότσιαλος
Ζαχαρένια έχεις απόλυτο δίκιο σε αυτά που λες, αλλά τις περισσότερες φορές αν όχι όλες ο πελάτης δεν ξέρει τι του γίνεται.
Εκτός κάποιων εξαιρέσεων, οι Internet managers δεν έχουν ιδέα ή νομίζουν πως έχουν.
Δηλώσεις τύπου: “Έχει πρόβλημα το site που μας φτιάξατε γιατί στον firefox τα κείμενα φαίνονται sharp ενώ στον ΙΕ7 οι γραμματοσειρές είναι πιό smooth.”
Και “Μα σας ζητήσαμε το site να είναι για ΑΜΕΑ, είχαμε συμφωνήσει ότι πρέπει να πληρεί τα XHTML 1.0 και CSS 2.1”
Καταλαβαίνεις πως πρέπει εμείς να τους δώσουμε να καταλάβουν γιατί από μόνοι τους δεν...
Ας ελπίσουμε πως τα πράγματα θα αλλάξουν σιγά σιγά και μια μέρα των ημερών θα χρησιμοποιήσουμε άνετα τα καλούδια του CSS3 όπως CSS tables, multiple backgrounds, border (images, radius,shadow), css selectors και άλλα πολλά.
Δημήτρης Μπορμπότσιαλος
Και σχετικά με αυτά που λέγαμε, δείτε αυτή την εφαρμογή που βγάζει η Microsoft φέτος το καλοκαίρι για preview συμβατότητας μεταξύ των Internet Explorers!
http://www.webdesignerdepot.com/2009/03/microsoft-announces-superpreview-for-ie-browser-testing/
Στις επόμενες versions θα υποστηρίζει και Firefox.
Το δοκίμασα και το βρήκα αρκετά χρήσιμο.
Μέχρι τώρα είχα εγκαταστήσει το Multiple IE για να τσεκάρω στον 6. (http://tredosoft.com/Multiple_IE)
Αυτή η εφαρμογή θα βοηθήσει πολύ.
Τουλάχιστον δείχνει ότι η Microsoft κάταλαβε ότι έχει μείνει πίσω και έχει αρχίσει να το παίρνει λίγο σοβαρά.
Ζαχαρένια Ατζιτζικάκη
@Δημήτρης
Δοκίμασες να το χρησιμοποιήσεις για οτιδήποτε εκτός από απλή HTML;
Είναι όχι απλά beta, pre-alpha. Buggy, συνεχή crashes και (πολύ) περιορισμένη λειτουργικότητα.
Είναι καλό που βγήκε όμως κάτι τέτοιο, να με βγάλει από τον κόπο των virtual machines (τουλάχιστον όταν δουλεύω σε Windows). Ελπίζω να συνεχίσουν το development του.
Αλλά και πάλι, στη συγκεκριμένη περίπτωση, τα μέσα δεν αγιάζουν τον σκοπό.
Δημήτρης Μπορμπότσιαλος
@Ζαχαρένια
Tο δοκίμασα σε διάφορα websites live και μη, στατικά και δυναμικά.
Βασικά το έχω γύρω στις 6 ώρες ανοιχτό και δεν έχει κρασάρει ούτε μία φορά.
Έχεις δίκο για την περιορισμένη λειτουργικότητα, επίσης είναι και πολύ αργό.
Κανονικά δεν θα έπρεπε να χρειαζόμαστε τέτοιο πράγμα αλλά τέσπα...