Αγαπημένο HTML5 TAG!

Ερωτήσεις και απαντήσεις σχετικές με την HTML, XHTML και την κατασκευή σελίδων για το Web.

Συντονιστές: WebDev Moderators, Super-Moderators

Απάντηση
Άβαταρ μέλους
apsuh0s
Script Master
Δημοσιεύσεις: 410
Εγγραφή: 01 Νοέμ 2005 21:38
Τοποθεσία: Ηράκλειο
Επικοινωνία:

Αγαπημένο HTML5 TAG!

Δημοσίευση από apsuh0s » 08 Σεπ 2012 17:46

alou έγραψε:Semantic wise, δεν είναι table βέβαια αλλά δε διαφωνώ ότι προκύπτουν άλλα θέματα με τέτοιου είδους display.
Τι θέματα προκύπτουν; O IE8 υποστηρίζει το display: table-row. Όσον αφορά το responsive γνωρίζετε κάτι;
.ninja { color: black; visibility: hidden !important; }

alou
Script Master
Δημοσιεύσεις: 1374
Εγγραφή: 24 Αύγ 2007 19:52
Επικοινωνία:

Αγαπημένο HTML5 TAG!

Δημοσίευση από alou » 08 Σεπ 2012 20:29

apsuh0s έγραψε: Η λύση του alou είναι valid. Δεν θεωρείται δομικό table το table-row.
@korgr: : P :D
apsuh0s έγραψε:alou όπως το βλέπω νομίζω χρειάζεται τουλάχιστον ένα εξωτερικό container. Επίσης είχες ένα typo σε unit measurment.
Που? τα 100px? απλά έβαλα ένα μέγεθος στο header και στο content που θα ξεπεραστεί στην πράξη με το περιεχόμενο, ώστε το footer να είναι το μόνο με auto και να καλύψει το υπόλοιπο. Θα μπορούσε να είναι και 1px. Αξίζει ίσως ένα πιο 'αληιθινό' παράδειγμα για να το δοκιμάσουμε.

Μια και είπες unit measurment και μιλάμε για responsive design, έχετε δει αυτό?
apsuh0s έγραψε:
alou έγραψε:Semantic wise, δεν είναι table βέβαια αλλά δε διαφωνώ ότι προκύπτουν άλλα θέματα με τέτοιου είδους display.
Τι θέματα προκύπτουν; O IE8 υποστηρίζει το display: table-row. Όσον αφορά το responsive γνωρίζετε κάτι;
Εγώ όχι, για ΙΕ<8 μόνο το είπα.

Άβαταρ μέλους
korgr
Honorary Member
Δημοσιεύσεις: 5067
Εγγραφή: 07 Οκτ 2008 18:30
Τοποθεσία: Corinth
Επικοινωνία:

Αγαπημένο HTML5 TAG!

Δημοσίευση από korgr » 08 Σεπ 2012 22:53

Κώστα αν δεν είναι δομικό το table-row τότε δεν είναι και το table-cell και το display:table

Σύμφωνα με τα λεγόμενά σου είναι valid το

Κώδικας: Επιλογή όλων

<div style="display&#58;table">
<div style="display&#58;table-row">
<div style="display&#58;table-cell">
aaa
</div>
<div style="display&#58;table-cell">
bbb
</div>
</div>
</div>
(τα inline styles χάριν συντομίας)

Μπορείς στο ανωτέρω χωρίς να αλλάξεις το display rule, να φέρεις το "bbb" κάτω από το "aaa"?

Επίσης δείτε και αυτό:
http://caniuse.com/css-table

Panic όσο πηγαίνουμε σε προηγούμενες versions αλλά και αβέβαιο το μέλλον!
Προσωπικά αν είναι να καταφύγω στις "valid" λύσεις σας, προτιμώ ένα καθαρό table που θα το καταλάβουν και οι πέτρες στην συμβατότητα (σχήμα λόγου γιατί εγώ αυτά τα αντιμετωπίζω με tableless & js)

Άβαταρ μέλους
apsuh0s
Script Master
Δημοσιεύσεις: 410
Εγγραφή: 01 Νοέμ 2005 21:38
Τοποθεσία: Ηράκλειο
Επικοινωνία:

Αγαπημένο HTML5 TAG!

Δημοσίευση από apsuh0s » 09 Σεπ 2012 19:26

Νότη, το table περιγράφει στον εκάστοτε user agent πως το περιεχόμενο που ακολουθεί αποτελεί tabular-data. Από την άλλη το table ή το table-row κλπ. του display property δεν έχουν απολύτως καμμία σημασιολογική έννοια. Απλώς υποδεικνύεις πως επιθυμείς να γίνει render η δομή σου. Γι' αυτόν και για κανένα άλλο λόγο αναφέρω πως είναι valid να χρησιμοποιήσεις αυτόν τον τρόπο.

Το ότι δεν υπάρχει backward compatibility σαφέστατα αποτελεί ζήτημα. Ωστόσο οι περισσότερες fancy pure css τεχνικές αντιμετωπίζουν παρόμοια θέματα.
Προσωπικά αν είναι να καταφύγω στις "valid" λύσεις σας, προτιμώ ένα καθαρό table που θα το καταλάβουν και οι πέτρες στην συμβατότητα (σχήμα λόγου γιατί εγώ αυτά τα αντιμετωπίζω με tableless & js)
Μα εννοείτε αυτά πρέπει να αντιμετωπίζονται με js. Κανείς δεν φέρνει αντίρρηση σε αυτό.
.ninja { color: black; visibility: hidden !important; }

Απάντηση

Επιστροφή στο “HTML και XHTML”

Μέλη σε σύνδεση

Μέλη σε αυτήν τη Δ. Συζήτηση: Δεν υπάρχουν εγγεγραμμένα μέλη και 3 επισκέπτες