Οι περισσότερες σελίδες σήμερα σχεδιάζονται χρησιμοποιώντας επίπεδα (div), οπότε το πρόβλημα της ευθυγράμμισης της τοποθεσίας με το κέντρο του παραθύρου του προγράμματος περιήγησης περιορίζεται στην εργασία κεντραρίσματος του επιπέδου που καθορίζει το πλάτος της ορατής περιοχής της σελίδας. Για να τοποθετηθεί στη μέση του παραθύρου, είναι απαραίτητο να ορίσετε τις κατάλληλες ρυθμίσεις για το γονικό του στοιχείο ή για το ίδιο το μπλοκ.
Είναι απαραίτητο
Βασικές γνώσεις γλωσσών HTML και CSS
Οδηγίες
Βήμα 1
Τοποθετήστε το επίπεδο που θέλετε να τοποθετήσετε στο κέντρο του παραθύρου, μεταξύ των τμημάτων ανοίγματος και κλεισίματος της κεντρικής ετικέτας, εάν θέλετε να κάνετε μόνο χρησιμοποιώντας τα μέσα της γλώσσας HTML (HyperText Markup Language - "hypertext markup language"). Θα υποθέσουμε ότι ο γονέας του επιπέδου που καθορίζει τα όρια σελίδας είναι το σώμα αυτής της σελίδας. Η απλούστερη έκδοση του κώδικα HTML που χρησιμοποιεί την κεντρική ετικέτα σε αυτήν την περίπτωση μπορεί να έχει την εξής μορφή:
Κεντρική σελίδα
κείμενο σελίδας
Βήμα 2
Εάν θέλετε να χρησιμοποιήσετε το CSS (Cascading Style Sheets) για να ευθυγραμμίσετε τη σελίδα στο κέντρο, χρησιμοποιήστε την αυτόματη ταξινόμηση της επένδυσης από τα όρια του παραθύρου του προγράμματος περιήγησης. Τα μεγέθη περιθωρίου σε CSS καθορίζονται από την παράμετρο περιθωρίου. Καταργήστε τις κεντρικές ετικέτες από το προηγούμενο δείγμα και προσθέστε μια παράμετρο περιθωρίου 0 auto στο χαρακτηριστικό στυλ του επιπέδου που καθορίζει το πλάτος της σελίδας:
Κεντρική σελίδα
κείμενο σελίδας
Βήμα 3
Φυσικά, ο ορισμός στυλ μπορεί να αφαιρεθεί από το χαρακτηριστικό στυλ και να τοποθετηθεί σε εξωτερικό αρχείο ή στην κεφαλή του εγγράφου (μεταξύ των ετικετών και). Σε αυτήν την περίπτωση, ο ίδιος κωδικός θα έχει την εξής μορφή:
Κεντρική σελίδα
# σελίδαFrame {
πλάτος: 700px;
ύψος: 400px;
φόντο: # 0BB;
περιθώριο: 0 αυτόματη;
}
κείμενο σελίδας
