הוסטס - פורום אחסון האתרים הגדול בישראל

- פורום תיכנות (https://hosts.co.il/forums/forumdisplay.php?f=14)

- - עזרה עם position:absolute. (https://hosts.co.il/forums/showthread.php?t=80323)

עזרה עם position:absolute.

אהלן,
יש לי את הקוד הבא:

קוד:

<div style="position:absolute;bottom:0px;margin:0px;right:0px;left:0px;">

<div style="background: #ff9c00; padding:2px;padding-left:10px;padding-right:10px;">

<table width="100%" border="0">

<tr>

<td width="33%" align="right">Design by Insane</td>

<td width="34%" align="center"></td>

<td width="33%" align="left">Design by Insane</td>

</tr>

</table>

זאת מין שורת קרדיטים כזאת שאמורה להיכנס בסוף הדף.
כל פעם שיהיה תוכן ארוך היא תמיד צריכה להיות בסוף.
אבל הבעיה שאם יש דף ארוך (כזה צריך לגלגל למטה), התוכן שבדף עובר מתחת לשורה וממשיך עד סופו.
מה שאני מעוניין לעשות זה שכל פעם שיהיה תוכן ארוך בעמוד, השורה הזאת תמיד תהיה אחרונה, נצמדת לסוף הדפדפן.
דוגמה עם הבאג אתם יכולים לראות כאן:
http://psdforfree.com/test.php
תודה לעוזרים :)

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

ציטוט:

נכתב במקור על ידי LeXos (פרסם 750441)

כי אני רוצה שבכל מצב שהשורה הזאת תהיה צמוד לתחתית.
גם אם יצטרכו לגלגל למטה וגם אם לא היא תמיד תהיה למטה בתחתית (צמודה לסוף הדף).

תשתמש בposition fixed.. שים לב, יש באגים בIE6 עם FIXED, יש להם גם פתרונות שאתה מוזמן לחפש בגוגל.

fixed נדבק למסך.
אני מעוניין השורה תהיה בסוף הדף.

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

או שתסביר את עצמך יותר לעומק...

ציטוט:

נכתב במקור על ידי liorclub (פרסם 750467)

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

הבעיה שאם אני שם טקסט ארוך זה מה שקורה:
http://www.psdforfree.com/test.php

ואם אני בכלל לא שם position:absolute, זה מה שקורה:
http://www.psdforfree.com/test3.php

מה אני צריך לעשות בשביל שזה יהיה ככה:
http://www.psdforfree.com/test4.php
(גם אם טקסט קצר וגם אם טקסט ארוך)

עכשיו אין מצב שלא הבנת :)

אתה רואה שזה יהיה למטה בטקסט
אבל מינימום בקו התחתון של המסך גם עם הטקסט קצר,

אני צודק ?

ציטוט:

נכתב במקור על ידי liorclub (פרסם 750471)

אתה רואה שזה יהיה למטה בטקסט
אבל מינימום בקו התחתון של המסך גם עם הטקסט קצר,

אני צודק ?

אכן כן :)

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