מרבית הדפים כיום ערוכים באמצעות שכבות (div), ולכן בעיית יישור האתר למרכז חלון הדפדפן מצטמצמת למשימת מרכז השכבה שקובעת את רוחב האזור הגלוי של הדף. על מנת שהוא יהיה ממוקם באמצע החלון, יש צורך להגדיר את ההגדרות המתאימות לאלמנט האב שלו, או לחסימה זו עצמה.
זה הכרחי
ידע בסיסי בשפות HTML ו- CSS
הוראות
שלב 1
מקם את השכבה שברצונך למקם במרכז החלון, בין החלקים הפותחים לסגירת התג המרכזי, אם ברצונך לעשות זאת רק באמצעים של שפת ה- HTML (HyperText Markup Language - "שפת סימון היפרטקסט"). נניח שההורה של השכבה המגדירה את גבולות העמודים הוא גוף העמוד הזה. הגרסה הפשוטה ביותר של קוד ה- HTML המשתמשת בתג המרכז במקרה זה עשויה להיראות כך:
דף מרכז
טקסט העמוד
שלב 2
אם ברצונך להשתמש ב- CSS (גיליונות סגנון מדורגים) כדי ליישר את הדף למרכז, השתמש בגודל אוטומטי של הריפוד מגבולות חלון הדפדפן. גדלי השוליים ב- CSS נקבעים על ידי פרמטר השוליים. הסר את התגים המרכזיים מהמדגם הקודם והוסף פרמטר שוליים של 0 אוטומטי למאפיין הסגנון של השכבה המגדיר את רוחב העמוד:
דף מרכז
טקסט העמוד
שלב 3
כמובן שניתן להוציא את הגדרת הסגנון מתכונת הסגנון ולהניח אותה בקובץ חיצוני או בראש המסמך (בין התגים לתגים). במקרה זה, אותו קוד ייראה כך:
דף מרכז
#pageFrame {
רוחב: 700 פיקסלים;
גובה: 400 פיקסלים;
רקע: # 0BB;
שוליים: 0 אוטומטי;
}
טקסט העמוד
