Κατηγορία | WEB DESIGN - AUTHORING

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

Δημιουργήθηκε 02 April 2008 από Γιάννης Ευσταθίου | Web Professional

Ένας καλός τρόπος να “κεντράρετε” ένα 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 μπορείτε να απευθυνθείτε εδώ για περισσότερες πληροφορίες.

BuzzCullBobitdigmefreestuffdeliciousgoogle bookmarksFacebookTwitter


2 Σχόλια

  1. webmaster_xNo Gravatar (4 comments) Έγραψε:

    Υπάρχει και αυτός ο τρόπος.

    #container {
    margin:0px auto;
    }

  2. Γιάννης Ευσταθίου | Internet SpecialistNo Gravatar (17 comments) Έγραψε:

    Πράγματι υπάρχει αυτός ο τρόπος και είναι και πολύ σωστός. Σε μεταγενέστερο άρθρο το έχουμε προβάλει:

    http://www.webdesignblog.gr/simple-css-tips-web-design/

Σχολιάστε

Advertise Here
Advertise Here


Translate to your language

    Translate from:

    Translate to: