Facebook
Twitter
RSS1661
צפיות
צפיות
8
תשובות
תשובות
אלמנט קבוע, לא נגלל עם הדף.
שלום,
רציתי לברר איך אפשר למקם אלמנט באופן יחסי לדפדפן ולא באופן יחסי לאלמנטים אחרים בדף.
למשל: שתמיד האלמנט יהיה 20PX מתחת לראש הדפדפן, גם אם גוללים את הדף.
(כמו הבנארים שתמיד נשארים למעלה.)
תודה מראש
yuda127
8 תשובות
position:fixed
עובד רק על ie7+ ועל פיירפוקס, משמע שאם תרצה שזה יעבוד גם על ie6 תצטרף לעשות איזה hack, ממליץ עם css expression
מתוך קלאס שפעם כתבתי לאיזה אתר, זה היה באנר צף:
position:fixed !important;
top:10px !important;
left:0 !important;
position:absolute;
top:expression(documentElement.scrollTop + 10 + "px");
אלי ענתבי
הסבר…
תודה על התגובה.
סליחה על הבורות, אבל לא ממש הבנתי מה עשית כאן, אפשר בבקשה הסבר קצר?
תודה
בבדיקה שניה…
אני רואה שבFF זה פועל, אבל, בIE7 זה לא פועל.
יש לך פיתרון לזה?
תודה
אני חושב
שזה מחייב הגדרת דוקטייפ כ-XHTML.
מה שעשיתי זה ככה, לפי השורות:
1. הגדרת המיקום כקבוע (fixed) עם הגדרת important.זו הגדרה שאומרת – גם אם אחרי תהיה עוד הגדרה ל-position – תתעלם ממנה, אני הכי חשובה. אלא מה – ie6 מתעלם ממנה לגמרי… לכן היא תהיה זו שתורץ ב-ie7+ffx.
2+3 הגדרה מיקום שכאמור תופעל על ie7+ffx
4. הגדרת מיקום ל-ie6 שלא תומך ב-position:fixed, והוא כאמור היחידי שיתייחס לשורה הזאת
5. הגדרה מיקום מלמעלה – זה פסוקת expression שמאפשרת להכניס קטעי JS בתוך CSS. פיירפוקס לא תומך בזה כלל למייטב ידיעתי, וקראתי איפשהו שב-CSS3 זה כבר נכנס לתקן.
בכל אופן זה מגדיר את המיקום של האובייקט כעליון תמיד (ומוסיף את הגלילה שהגולש גלל לגובה של האובייקט).
אלי ענתבי
תודה על ההסבר
באמת נסיתי לשים:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
וזה פעל, אבל, כל הצבעים(כמו זה 00CC66) השתנו.
אתה יודע למה זה קרה ואיך אפשר לפתור את זה?
תודה
חייבים?
חיביים להשתמש בצבעים כאלה:Peru למשל?
ממש לא
להיפך, עדיף להישתמש בקודים. בטוח ששמת # לפני קוד הצבע?
כשאתה שם את הדוקטייפ הזה אתה צריך להקפיד יותר על תקינות העמוד…
אלי ענתבי
תודה רבה!!!!
