למקם תמונה בתוך div

[HOLD]

אני מנסה למקם תמונה בתוך div אבל זה מאוד חשוב שהיא תהיה באותו המקום (בתוך ה-div) בדיוק בכל הדפדפנים.

המיקום צריך להיות יחסי ל-div, ובתוכו.

[k.machine]

style="position:relative;"

ואז תשחק עם מאפיין הmargin.

שים לב שבIE יש באג. ולכן תן לbody את הסטייל הזה:

style="margin:0; padding;0"

הרחבה:
http://www.w3schools.com/css/css_boxmodel.asp

[HOLD]

נכתב במקור על ידי k.machine

style="position:relative;"

ואז תשחק עם מאפיין הmargin.

שים לב שבIE יש באג. ולכן תן לbody את הסטייל הזה:

style="margin:0; padding;0"

הרחבה:
http://www.w3schools.com/css/css_boxmodel.asp

תודה.

יש לי בעיה אחרת עכשיו,
מעל התמונה (שבתוך ב-div) יש תוכן משתנה,
וכל פעם שהוא נהיה ארוך יותר התמונה בורחת למטה,
יש איזהו שהיא דרך לקבוע שהתמונה תהיה צמודה לגבול של ה-div תמיד?

[k.machine]

http://www.w3schools.com/css/css_positioning.asp

הדף הזה מסביר את כל האפשרויות שיש בצורה מאוד פשוטה. בהצלחה.

[HOLD]

תודה.

[liorclub]

תגדיר את הגובה של הדיב עם הטקסט המשתנה
באמצעות height
ככה זה לא יגדיל/יקטין

[MaorGetter]

הייתי מציע לך להשתמש ככה:

.div {
background-image: url(xxx.gif);
position:absolute;
top:555px;
left:555px;
}

כמובן שאת הפיקסלים תכוון איך שאתה רוצה..
כמובן בHTML תעשה:

<div class="div">

ככה אני הכי אוהב לעשות..