כמה שאלות ב CSS

הנושא בפורום 'קהילת מפתחי אתרי אינטרנט' פורסם ע"י izavit, ‏29/3/15.

  1. izavit

    izavit משתמש מקצוען

    הצטרף:
    ‏1/7/08
    הודעות:
    1,654
    תודות :
    10
    נקודות:
    107
    1. כיצד קובעים לפוטר להיצמד תמיד לתחתית העמוד?
    2. כיצד קובעים לדיב להתאים את עצמו מבחינת האורך, עד מיקום הפוטר, כנ"ל?
    3. כיצד קובעים לפוטר רוחב לפי המסך, גם אם לדיב הראשי יש רוחב קבוע?

    תודה מראש.
     
  2. 3 פינות

    3 פינות משתמש סופר מקצוען פיתוח / אפיון / עיצוב אתרים עיצוב גרפי

    הצטרף:
    ‏26/12/14
    הודעות:
    2,790
    תודות :
    505
    נקודות:
    205
    יש לי תשובה ל3
    במקום לכתוב את הרוחב בפיקסלים (PX) אז תכתוב אחוזים (לדוגמא 80%)
     
  3. Nahum

    Nahum משתמש צעיר פיתוח / אפיון / עיצוב אתרים

    הצטרף:
    ‏11/6/08
    הודעות:
    500
    תודות :
    43
    נקודות:
    39
    1. מגדירים בcss את html, body רוחב וגובה 100%. וכך גם את הגובה של הדיב הראשי. ואז מגדירים לfooter מיקום אבסולוטי (position:absolute) ו bottom:0.

    2. כאן התשובה של שלוש פינות נכונה (ורק כאן...). אפשר גם דרך JS.

    3. מגדירים לו position:absolute ורוחב 100% (כמובן bottom:0) , או שמוציאים אותו מהדיב הראשי.
     
  4. Shia

    Shia משתמש מקצוען פיתוח / אפיון / עיצוב אתרים

    הצטרף:
    ‏27/5/09
    הודעות:
    5,553
    תודות :
    28
    נקודות:
    149
    תשובה 1 לא מתאימה לסיטואציה שהדף עלול להיות יותר ארוך מגובה הפולד
     
  5. Nahum

    Nahum משתמש צעיר פיתוח / אפיון / עיצוב אתרים

    הצטרף:
    ‏11/6/08
    הודעות:
    500
    תודות :
    43
    נקודות:
    39
    צודק.

    קבלי תיקון:
    הדיב הראשי מקבל min-height:100%, והfooter מקבל position:relative