Με απλές τεχνικές CSS (Cascading Style Sheets) μπορείτε να διορθώσετε αρκετά θέματα ασυμβατότητας στα διάφορα προγράμματα πλοήγησης διαδικτύου (cross browser issues) και παράλληλα να δώσετε την λεπτομέρεια που επιθυμείτε στην ιστοσελίδα – website που σχεδιάζετε.

Αφαιρέστε τα ενοχλητικά link borders σε γραφικά.

img { border: 0; }

Κεντράρετε block elements οριζόντια

margin:0 auto;

Αφαιρέστε το κάθετο textarea scrollbar στον IE

textarea{
overflow:auto;
}

Αποτρέψτε συνδέσμους να χωρίζονται σε άλλη γραμμή.

a{
white-space:nowrap;
}

Κεντράρετε το website σας με divs (layers)

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

#container {
text-align: left;
margin-right: auto;
margin-left: auto;
}

ή

body {
margin: 0px;
}

#container {
margin:0px auto;
}

Μόνιμη εμφάνιση του Firefox scrollbar.

html{
overflow:-moz-scrollbars-vertical;
}

Κεντράροντας με line height

div{
height:100px;
}
div *{
margin:0;
}
div p{
line-height:100px;
}

Δείτε το Παράδειγμα

Σε μελλοντικό άρθρο θα δείξουμε πως μπορείτε με την χρήση CSS να βάλετε φόντο (background) στην ιστοσελίδα σας. Θα αναλύσουμε διάφορους τρόπους που μπορείτε να χρησιμοποιήσετε με παραδείγματα ώστε να δημιουργήσετε designs που να ξεχωρίζουν.