2Απρ

Κεντράροντας ένα website με divs με την χρήση CSS.

, 2 Απριλίου 2008 | WEB DESIGN - AUTHORING | 2 Σχόλια

Ένας καλός τρόπος να “κεντράρετε” ένα website που είναι σχεδιασμένο με divs είναι με την χρήση των CSS. Αυτό μπορεί να γίνει με δύο απλά βήματα. Aναλυτικότερα:

ΒΗΜΑ 1
Προσθέτουμε το body- tag στο CSS αρχείο και ορίζουμε τις παρακάτω παραμέτρους:

ΚΩΔΙΚΑΣ CSS

body {
text-align:center;
margin: 0px;
}

ΒΗΜΑ 2
Ορίζουμε το πρώτο μας div το οποίο θα φιλοξενήσει το περιεχόμενο του website και το ονομάζουμε “container”. Προσθέτουμε τις εξής παραμέτρους:

ΚΩΔΙΚΑΣ CSS

body {
text-align:center;
margin: 0px;
}

#container {
text-align:left;
width: 990px; (πληκτρολογείστε το φάρδος της ιστοσελίδας που επιθυμείτε)
margin-right: auto;
margin-left: auto;
}

Για όσους δεν γνωρίζουν από CSS -tags μπορείτε να απευθυνθείτε εδώ για περισσότερες πληροφορίες.

ΧΡΗΣΙΜΗ ΠΛΗΡΟΦΟΡΙΑ: Το άρθρο Κεντράροντας ένα website με divs με την χρήση CSS. γράφτηκε από το WebDesignBlog. Η ομάδα μας σας υπενθυμίζει πως αν θέλετε να ενημερώνεστε για τα νέα του διαδικτύου και για επιλεγμένα άρθρα μας, μπορείτε να γραφτείτε εύκολα στο Newsletter μας ή στο RSS Feed μας.

2 comments so far

Σχολιάστε

Back to top

Recent comments

  • Πολυ καλο αθρο πραγματικα!

    Η σωστή αρχιτεκτονική ενός website και τα οφέλη της
  • Πολύ χρήσιμη η λίστα με τα online tools. Ο επιτυχημένος σχεδιασμός μιας ιστοσελίδας βοηθά σε δύο κατευθύνσεις. Η πρώτη είναι ότι βελτιώνει την εμπειρία του επισκέπτη της ιστοσελίδας με συνέπεια ο τελευταίος να βλέπει περισσότερες σελίδες και να μένει περισσότερο χρόνο σε αυτή. Η δεύτερη είναι ότι επειδή ακριβώς βελτιώνονται τα στατιστικά στοιχεία της ιστοσελίδας, όπως το bounce rate, ο μέσος χρόνος παραμονής στην ιστοσελίδα και ο αριθμός των σελίδων ανά επίσκεψη, βελτιώνεται και η κατάταξη της ιστοσελίδας στα οργανικά αποτελέσματα της Google.

    10+1 Χρήσιμα website και on line tools

Latest From Twitter