שאלה ב-עימוד DIV

[mhhhdm]

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

This user does not have permission to use the HTML BB code.

 

[Shia]

לא הבנתי כלום.
ובאמת ניסיתי.

אולי המחשה ויזואלית של מה אתה רוצה ואיך זה נראה כרגע, יקלו להגיש לך עזרה.

עוד יותר יקל אם תשתמש בjsfiddle או codepen כדי להציג את הקוד שלך

 

[mhhhdm]

לא הבנתי כלום.
ובאמת ניסיתי.

אולי המחשה ויזואלית של מה אתה רוצה ואיך זה נראה כרגע, יקלו להגיש לך עזרה.

עוד יותר יקל אם תשתמש בjsfiddle או codepen כדי להציג את הקוד שלך

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

 

[Shia]

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

במקום margin, תשתמש בpadding

 

[mhhhdm]

לא הבנתי כלום.
ובאמת ניסיתי.

אולי המחשה ויזואלית של מה אתה רוצה ואיך זה נראה כרגע, יקלו להגיש לך עזרה.

עוד יותר יקל אם תשתמש בjsfiddle או codepen כדי להציג את הקוד שלך

במקום margin, תשתמש בpadding

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

 

[Shia]

זו תופעה שנקראת collapsing margin אפשר לקרוא עליה באתר התקינה העולמי:
http://www.w3.org/TR/CSS2/box.html#collapsing-margins

וכאן:
http://complexspiral.com/publications/uncollapsing-margins/