שלח תשובה

זירת השאלות

918
צפיות
2
תשובות

שלום לכולם.

,‏ 25 במרץ, 2011

שלום לכולם
בניתי אתר תדמית הבנוי ברובו מקובץ אחד וקובץ CSS חיצוני כאשר כל כפתור בדף הראשי מפנה לDIV אחר שיוצג.
את האתר בניתי כאשר הרזולוציה שעבדתי היא 1680X1050 וכמו כן עבדתי במקביל על 2 דפדנים לוודא שהתאימות כמעט מושלמת.

כאשר לקחתי את הקבצים למחשב אחר הכל התבלגן. הסדר שהיה ברזולוציה שלי הפך לבלאגן אחד גדול.
מה אפשר לעשות ?

מצ"ב  קובץ CSS שם שמרתי את הגדרות המיקום של כל האובייקטים.

בכל אופן הבעיה בתאימות האתר לרזולוציות שונות.

אודה אם תוכלו לעזור לי.
אני לא מומחה לCSS ואת הנושא למדתי דרך מספר מדריכים..
איך אפשר להציב את כל האלמנטים שמופיעים באתר כך שיסתדרו בצורה אוטומטית בכל דפדפן ובאופן יחסי בכל רזולוציה.

תגיות:

2 תשובות

  1. לא צרפת את הקובץ
    בכל מקרה כדאי לשלוח קישור במקום להעלות

    שים לב שכאתה בונה עמוד עם דיבים שממוקמים באופן צף על האתר – יש לקחת בחשבון שמשתמשים נכנסים משלל סוגי רזולוציות, כך שהנתון הזה חייב להילקח בחשבון.

    נהוג להחליט על רזולוציה מסויימת שעליה האתר יעבוד באופן אופטימאלי, ולעטוף את כל תוכן האתר ב-DIV שמוגדר לו הרוחב שהחלטת, וכן ההגדרה position:relative – מה שיגרום שכל האובייקטים שבתוכו יצופו ביחס למידות שלו עצמו, ולא ביחס לגודל הדפדפן.

    כמובן שיש שיטות להתאמת הגריד ל-100% רוחב או למגוון רזולוציות לפי תנאים שונים, אך הייתי מציע שתשאיר את זה לשלבים מתקדמים יותר שקצת יותר תתנסה עם השפה.


    אלי ענתבי

שלח תשובה