שלח תשובה

זירת השאלות

717
צפיות
8
תשובות

אלמנט קבוע, לא נגלל עם הדף.

,‏ 30 בדצמבר, 2008

שלום,
רציתי לברר איך אפשר למקם אלמנט באופן יחסי לדפדפן ולא באופן יחסי לאלמנטים אחרים בדף.

למשל: שתמיד האלמנט יהיה 20PX מתחת לראש הדפדפן, גם אם גוללים את הדף.

(כמו הבנארים שתמיד נשארים למעלה.)



תודה מראש
yuda127

תגיות:

8 תשובות

  1. position:fixed
    עובד רק על ie7+ ועל פיירפוקס, משמע שאם תרצה שזה יעבוד גם על ie6 תצטרף לעשות איזה hack, ממליץ עם css expression

    מתוך קלאס שפעם כתבתי לאיזה אתר, זה היה באנר צף:


    position:fixed !important;
    top:10px !important;
    left:0 !important;

    position:absolute;
    top:expression(documentElement.scrollTop + 10 + "px");


    אלי ענתבי

  2. yuda127 הגיב:

    הסבר…
    תודה על התגובה.

    סליחה על הבורות, אבל לא ממש הבנתי מה עשית כאן, אפשר בבקשה הסבר קצר?

    תודה

  3. yuda127 הגיב:

    בבדיקה שניה…
    אני רואה שבFF זה פועל, אבל, בIE7 זה לא פועל.
    יש לך פיתרון לזה?

    תודה

  4. אני חושב
    שזה מחייב הגדרת דוקטייפ כ-XHTML.

    מה שעשיתי זה ככה, לפי השורות:

    1. הגדרת המיקום כקבוע (fixed) עם הגדרת important.זו הגדרה שאומרת – גם אם אחרי תהיה עוד הגדרה ל-position – תתעלם ממנה, אני הכי חשובה. אלא מה – ie6 מתעלם ממנה לגמרי… לכן היא תהיה זו שתורץ ב-ie7+ffx.

    2+3 הגדרה מיקום שכאמור תופעל על ie7+ffx

    4. הגדרת מיקום ל-ie6 שלא תומך ב-position:fixed, והוא כאמור היחידי שיתייחס לשורה הזאת

    5. הגדרה מיקום מלמעלה – זה פסוקת expression שמאפשרת להכניס קטעי JS בתוך CSS. פיירפוקס לא תומך בזה כלל למייטב ידיעתי, וקראתי איפשהו שב-CSS3 זה כבר נכנס לתקן.
    בכל אופן זה מגדיר את המיקום של האובייקט כעליון תמיד (ומוסיף את הגלילה שהגולש גלל לגובה של האובייקט).


    אלי ענתבי

  5. yuda127 הגיב:

    תודה על ההסבר
    באמת נסיתי לשים:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"  
    http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;

    וזה פעל, אבל, כל הצבעים(כמו זה 00CC66) השתנו.

    אתה יודע למה זה קרה ואיך אפשר לפתור את זה?

    תודה

  6. yuda127 הגיב:

    חייבים?
    חיביים להשתמש בצבעים כאלה:Peru למשל?

  7. ממש לא
    להיפך, עדיף להישתמש בקודים. בטוח ששמת # לפני קוד הצבע?

    כשאתה שם את הדוקטייפ הזה אתה צריך להקפיד יותר על תקינות העמוד…


    אלי ענתבי

שלח תשובה

חדש! אחסון אתרים של וובמאסטר

שירות אחסון אתרים
המקצועי של וובמאסטר!

מומחים באירוח אתרי
WordPress, Joomla, Drupal

  • שרתי לינוקס עם CloudLinux, LiteSpeed
  • 1GB דיסק SSD, 10GB תעבורה חודשית
  • ממשק ניהול cPanel, תעודת SSL חינם

עכשיו במחיר היכרות:
רק 420 ש"ח לשנה!