אתגר ה CSS + DIV לסוף השבוע

6 בדצמבר 2007

6 תגובות

בהמשך למספר האתגרים המעולים שניתנו פה בזמן האחרון החלטתי להציב אתגר חדש
הפרס למי שיצליח לפתור הוא פוסט מיוחד הכולל תעודת הוקרה כמו שחילקתי רק לפני מספר ימים.
האתגר הוא כזה:
יש לי דף אינטרנט שבו 3 בלוקים מרכזים:
אחד שמאלי באורך קבוע של 100 פיקסלים
אחד אמצעי באורך קבוע של 400 פיקסלים
אחד ימני באורך משתנה בהתאם למסך (צריך להימתח עד הסוף).
בחלקים הימני והשמאלי יהיו רקעים(תמונות) לצורך העניין.
דבר נוסף הוא שבבלוק האמצעי יהיה תוכן שיתכן ויגלוש הרבה למטה וידרוש שגם החלקים הימני והשמאלי ימתחו בהתאם אליו.
אני מבקש לקבל פיתרון יפה ופשוט, פתרונות שכוללים חישוב אורך ורוחב ושינוי ב JS אני יודע לעשות, אני מחפש פתרון "אחר".
בהצלחה!
ps

הוסף תגובה
facebook linkedin twitter email

כתיבת תגובה

האימייל לא יוצג באתר. שדות החובה מסומנים *

6 תגובות

  1. OhadAston6 בדצמבר 2007 ב 22:18

    זה לא ממש chalange:

    #Firstbar
    {
    width: 100px;
    float: left;
    background: Blue;
    height: 400px;
    }
    #MainBar
    {
    width: 400px;
    float: left;
    background: Green;
    height: 400px;
    }
    #LastBar
    {
    background: Blue;
    height: 400px;
    }

    הגב
  2. DrorEngel6 בדצמבר 2007 ב 22:42

    אוהד,
    ניסיון יפה אבל אין תמיכה בגובה משתנה לפי מתיחה של הבלוק האמצעי…
    כמו כן החלק הימני לא צמוד לחלק האמצעי

    הגב
  3. OhadAston6 בדצמבר 2007 ב 22:54

    unfortunately,
    אין פתרון כזה בכלל ב – CSS,
    הפתרון היחיד הוא שימוש ב – Backgrounds שזה פתרון די זוועתי.

    למעשה יש פתרון, אבל הוא לא עובד על IE.

    הגב
  4. OhadAston6 בדצמבר 2007 ב 23:26

    במחשבה שנייה אין פתרון כזה בכלל (לגבי הגובה). לגבי הרווח נשאיר את זה לבאים אחרי:)

    הגב
  5. Ken Egozi7 בדצמבר 2007 ב 10:50

    ואני אומר שיש פיתרון CSS-י

    לא להתייאש, תמשיכו לנסות ..

    הגב
  6. Ken Egozi7 בדצמבר 2007 ב 11:36

    טוב, אני תחרותי מדי (וגם צריך לחזור לעבודה אז לא יהיה לי זמן אחר כך).

    http://www.kenegozi.com/Blog/2007/12/07/a-little-markup-plus-css-challenge.aspx

    הגב