Με απλές τεχνικές 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 που να ξεχωρίζουν.
