פריסות רוחב קבוע יכול להיות קשה למרכז עם כמה דפדפנים פופולריים שם בחוץ, אבל זה אפשרי, עם רק כמה שורות של קוד.
הנה איך
- צור דף אינטרנט חדש עם גיליון סגנונות CSS בעורך HTML.
- צור אלמנט div כמרכיב הראשי בדף שבו תאחסן הכל בדף.
- תן אלמנט div זה מזהה ייחודי בדף.
- פתח את גיליון סגנונות CSS והגדר את רוחב אלמנט div. div # main {width: 750px; }
- הוסף שוליים אוטומטיים למרכז שלך div. div # main {width: 750px; שוליים-שמאל: אוטומטי; oil-right: auto}
- כדי לתקן אותו עבור Netscape 4, ו- IE 4 - 6 ( מצב מוזרים ), הוסף טקסט ליישור על הגוף. גוף {text-align: center; }
- אבל אז כל הטקסט בתוך מרוכז, כך ליישר מחדש את הטקסט ב #main div שלך על ידי הוספת טקסט ליישר: שמאל; שם. div # main {width: 750px; שוליים-שמאל: אוטומטי; margin-right: auto; יישור טקסט: משמאל; }
- שמור את הדף ואת גיליון הסגנון שלך.
- בדיקה במספר דפדפני אינטרנט.
עֵצָה
פעולה זו תרכז את תיבת הפריסה, אך לא את התוכן שבתוכה. השתמש ביישור טקסט כדי למרכז את התוכן הפנימי.