DCSIMG
אתגר ה CSS + DIV לסוף השבוע - הצצה לחיים של טכנובלוגר

הצצה לחיים של טכנובלוגר

ברוכים הבאים לבלוג שלי, הבלוג מתעדכן בתדירות קבועה, אז שיהיה לכולנו קריאה מהנה

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

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

תוכן התגובה

OhadAston כתב/ה:

זה לא ממש chalange:

#Firstbar

{

width: 100px;

float: left;

background: Blue;

height: 400px;

}

#MainBar

{

width: 400px;

float: left;

background: Green;

height: 400px;

}

#LastBar

{

background: Blue;

height: 400px;

}

# December 6, 2007 10:18 PM

DrorEngel כתב/ה:

אוהד,

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

כמו כן החלק הימני לא צמוד לחלק האמצעי

# December 6, 2007 10:42 PM

OhadAston כתב/ה:

unfortunately,

אין פתרון כזה בכלל ב - CSS,

הפתרון היחיד הוא שימוש ב - Backgrounds שזה פתרון די זוועתי.

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

# December 6, 2007 10:54 PM

OhadAston כתב/ה:

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

# December 6, 2007 11:26 PM

Ken Egozi כתב/ה:

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

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

# December 7, 2007 10:50 AM

Ken Egozi כתב/ה:

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

www.kenegozi.com/.../a-little-markup-plus-css-challenge.aspx

# December 7, 2007 11:36 AM
שלח תגובה

(שדה חובה)  

(שדה חובה)  

(אופציונלי)

(שדה חובה) 

Please add 6 and 4 and type the answer here:


Enter the numbers above: