הצורך למתוח את הטבלה לכל חלל חלון הדפדפן מתעורר, למשל, כאשר עיצוב הדף ממוקם בתוך הטבלה. הפתרון לבעיה זו אינו דורש כתיבת קוד מורכב, אך הוא כרוך בהתחשבות בכמה מהתכונות של סימון דפי האינטרנט.
נחוץ
ידע בסיסי ב- HTML
הוראות
שלב 1
ראשית, עליך להבהיר את משמעות הפעולה הקרובה. בקוד HTML, דפי הטבלה הם קבוצה של תגים מזווגים מקוננים (אחד פותח ואחד סוגר). תגי תאים (
) מקוננים בתגי מחרוזת (
), ואלה, בתורם, לתגי טבלה (
). בתג הפתיחה של הטבלה תוכלו להגדיר את רוחבה וגובהה הן ביחידות מוחלטות (פיקסלים) והן יחסית (אחוזים). בגדלים יחסית, הרוחב והגובה של אלמנט האב בטבלה נלקחים כ 100%. אם אתה מציב טבלה ישירות בגוף העמוד (ולא בשכבה, צורה, טבלה אחרת וכו '), אזי מידות האלמנט האב שלה יהיו רוחב הדף וגובהו. המשמעות היא שכדי למתוח את השולחן לכל השטח הפנוי, עליכם לציין 100% ממדים אופקיים ואנכיים עבורו.
שלב 2
עכשיו אתה יכול להתחיל ליישם את זה בפועל ב- HTML. רוחב וגובה הטבלה מוגדרים על ידי מאפייני רוחב וגובה. אז קוד הטבלה המציין 100% מהמידות לכל הכיוונים, למשל, עם שני תאים בשורה אחת, עשוי להיראות כך:
| התא השמאלי של השולחן | התא הימני של הטבלה |
שלב 3
ציון 100% רוחב וגובה יספיק למתיחת הטבלה אם תבחר בתקן HTML הנכון לפיו הדפדפן צריך לקרוא את קוד העמוד. התג ממוקם בשורה הראשונה במסמך. אתה זקוק לתג עם התוכן הבא:
שלב 4
ויש לקחת בחשבון עוד נקודה אחת בקוד שלך: כברירת מחדל, הדף מוטה מקצות החלון בכמה פיקסלים, כך שהטבלה, גם לאחר מילוי הדף כולו, לא תמתח לכל החלון. כדי לבטל שדות מיותרים אלה, תוכל לציין אפס כניסות בתכונות המתאימות בתג הפתיחה של גוף העמוד ():
שלב 5
כשהוא מורכב, קוד העמוד כולו עם הטבלה הנמתחת לכל רוחב המסך וגובהו ייראה כך:
שולחן מתוח
| התא השמאלי של השולחן | התא הימני של הטבלה |
