מדוע לא להשתמש במיקום מוחלט?
במיקום מוחלט משתמשים רק אנשים שמעמדים את האתר עם דיבים ובלי טבלאות. אם אתם ממקמים את הדיבים שלכם בצורה כזאת:position:absolute;
זה אומר שאתם משתמשים במיקום מוחלט.כשמשתמשים במיקום מוחלט על מנת למקם את הדיבים שלכם במקום הרצוי באתר, ממקמים אותם בעצם במרחק מהפינות (מלמעלה, מלמטה, מימין, משמאל) וללא יחס לשאר האלמנטים בדף. מיקום שנקבע ביחס לאלמנטים אחרים בדף, או במילים אחרות מיקום יחסי, נקבע על ידי זה:
position:relative;
אנשים רבים משתמשים במיקום מוחלט במקום במיקום יחסי, דבר שמאוד לא טוב כפי שנסביר בהמשך.למה אנשים רבים משתמשים במיקום מוחלט במקום יחסי
בעזרת מיקום יחסי קצת יותר קשה לעמד אתר. בעזרת מיקום מוחלט, כל מה שהייתם צריכים לדעת זה את התכונות top וleft. במיקום יחסי יש צורך לדעת תכונות נוספות כגון: float,clear ועוד כמה. אנשים מעדיפים פשוט להשתמש במיקום מוחלט ולהתעלם מהתכונות ה"מיותרות".אם מיקום מוחלט כל כך קל, למה לא להשתמש בו?
מאוד לא כדאי לעמד עם מיקום מוחלט ויש לזה כמה סיבות:- לא דינמי - כשמשתמשים בשפות דינמיות ולא רק בשפות כמו html או css לפעמים הגדלים לא בדיוק ידועים לך, אם תשתמש במיקום מוחלט, הדיבים יעלו אחד על השני, לעומת זאת, בשימוש במיקום יחסי, כאשר הדיב ימתח, הדיב שנמצע מתחתיו/לידו ירד טיפה למטה או יזוז לאחד הצדדים מעט.
- משתנה כשמגדילים את הכתב - ברוב הדפדפנים ישנה אפשרות להגדיל את גודל הטקסט, אם נשתמש במיקום מוחלט, הדיבים פשוט יעלו אחד על השני במקרה ואחד מהם ימתח.
- משתנה ברזולוציות - מיקום מוחלט יכול לגרום בעיות רבות כאשר משנים רזולוציה, או מסתכלים ברזולציה אחרת מזאת שבה מתכנת האתר השתמש.
- באגים באתר עם דפדפנים שונים - בעיה שיכולה להגרם היא בגלל ההבדל בחישוב המסגרות של הדיבים בין Internet Explorer לדפדפן Mozila FireFox אני לא יסביר עכשיו על הבעיה, אבל זה יגרום גם בעיה של עליית דיבים אחד על השני.
לסיכום
נסו להשתמש כמה שפחות במיקום מוחלט, נסו ללמוד יותר אודות מיקום יחסי ועל תכונות חשובות אחרות כמו float וclearאודות האתר
האתר css-guide נוצר בשנת 2008 ונותן לכם מדריכי css לקריאה בחינם. בעזרת מדריכי האתר css-guide תוכלו ללמוד ולשפר את יכולתכם בשפה css שנועדה על מנת לעצב דפי אינטרנט בצורה טובה. גלישה נעימה, ולימוד css נעים.
חברת NSL המתמחה בתחום קידום אתרים
