προβολή σελίδας σε όλους τους browser

Ας μάθουμε πως να κάνουμε τις σελίδες μας με στιλ. Τα Cascading Style Sheets είναι ο τρόπος για να το επιτύχουμε.

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

Απάντηση
nikospap18
Δημοσιεύσεις: 30
Εγγραφή: 05 Αύγ 2011 21:18

προβολή σελίδας σε όλους τους browser

Δημοσίευση από nikospap18 » 22 Φεβ 2012 17:23

γεια σας, τι πρεπει να προσέξω ωστε να φαίνεται η σελίδα μου κανονίκα σε όλους τους browser, δηλαδη και σε υπολογιστές με μικρότερη οθόνη( Notebook ή σε μεγαλύτερες οθόνες );

Άβαταρ μέλους
EneMe
Super Moderator
Δημοσιεύσεις: 13307
Εγγραφή: 09 Ιούλ 2002 13:29
Τοποθεσία: Στο κέντρο της Ελλάδας!
Επικοινωνία:

προβολή σελίδας σε όλους τους browser

Δημοσίευση από EneMe » 22 Φεβ 2012 22:08

Υπάρχουν οι liquid σελίδες (δηλαδή το πλάτος τους είναι σε ποσοστό %) και οι σελίδες με static width.

Οι δεύτερες είναι πιο εύκολο να σχεδιαστούν, αλλά θα πρέπει να "περιοριστείς" στο μικρότερο πλάτος που μπορεί να έχουν οι επισκέπτες σου (για μένα σελίδα που δεν χωράει σε ανάλυση πλάτους 1024 pixels χάνει σημαντικό ποσοστό από το target group της).

Κάνε μια αναζήτηση στο forum, υπάρχουν πολλές σχετικές συζητήσεις.

Kypros Lambrou
Δημοσιεύσεις: 96
Εγγραφή: 17 Οκτ 2011 13:29

προβολή σελίδας σε όλους τους browser

Δημοσίευση από Kypros Lambrou » 22 Φεβ 2012 23:56

Ναι μεν, αλλά...

Συμφωνώ με τον φίλο EneMe αλλά από προσωπική εμπειρία θα σου πω ότι το μόνο που έχεις να προσέχεις είναι τα πάντα.

Αν δεν δοκιμάσεις την σελίδα/εφαρμογή σου σε όλους τους browsers που σε ενδιαφέρουν, λίγα είναι τα πράγματα που μπορείς να είσαι σίγουρος ότι δουλεύουν και φαίνονται ακριβώς όπως τα θέλεις χωρίς έλεγχο. Αυτό φυσικά εξαρτάται και από το πόσο σχολαστικός είναι ο καθένας.

Από απλά divs που ελάχιστη διαφορά στο μέγεθος λόγω render του κάθε browser μπορεί να αλλάξει πολλά, σε floats που δεν δείχνουν όπως τα θέλουμε στον Α browser.

Εδώ σε αυτόν πίνακα μπορείς να δεις μερικά properties αν δουλεύουν αν και λογικά στον έλεγχο και πάλι θα δεις.

Τα πιο σημαντικά σε CSS που μπορώ να σκεφτώ και λογικά θα δεις σε παραδείγματα, είναι τα :before :after και τα πλείστα selectors που είναι CSS3 άρα μόνο ΙΕ8+ και τα min/max-height που δεν δουλεύουν ΙΕ6 και παλαιότερα.

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

προβολή σελίδας σε όλους τους browser

Δημοσίευση από korgr » 23 Φεβ 2012 09:24

Ψάξε για πληροφορίες σχετικά με «Responsice design»

Άβαταρ μέλους
biobill
Δημοσιεύσεις: 14
Εγγραφή: 27 Οκτ 2009 17:01
Τοποθεσία: Αίγιο
Επικοινωνία:

προβολή σελίδας σε όλους τους browser

Δημοσίευση από biobill » 07 Μαρ 2012 23:50

korgr έγραψε:Ψάξε για πληροφορίες σχετικά με «Responsice design»
Responsive design εννοεί ;)

Απάντηση

Επιστροφή στο “CSS - Cascading Style Sheets”

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

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