רוטר - CSS Footer

יומן פעילות	לוח שנה	מבזקי חדשות	תקנון	RSS	כותרות	כותרות לפי תגובה	ניקוי קוקיז	IP	להורדת אפליקציה
eBay	AliExpress	GearBest	Amazon	Booking	Kiwi	SkyScanner	Trip Advisor

"CSS Footer"

גירסת הדפסה

קבוצות דיון בניית אתרים נושא #10070	מנהל סגן המנהל מפקח Winner צל"ש מומחה

אשכול מספר 10070

arikbh

20:47 05.03.11

CSS Footer

ערכתי לאחרונה בתאריך 05.03.11 בשעה 21:21 בברכה, arikbh

אהלן , מה אני לא עושה נכון?
קוד ה HTML :

<div class="footer"></div>

קוד ה CSS:

.footer
{
margin:auto;
width:943px;
height:43px;
background-image:url('images/footer.png');
background-repeat:no-repeat;
background-attachment:fixed;
background-position:bottom;
}
אני פשוט לא מצליח להזיז אותו למטה , הפוטר כרגע נמצא מתחת ל DIV אחר באמצע , אבל שום דבר לא מזיז לי אותו.

כשאני נותן : background-position:bottom;
התמונה של הפוטר פשוט נעלמת לי.
תודה.

שתף

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

האשכול	מחבר	תאריך כתיבה	מספר
אוקיי הצלחתי לסדר את זה בFF אבל בIE זה עדיין לא נצמד	arikbh	05.03.11 21:44	1
נסה להוסיף ב CSS	xtormstyle	05.03.11 23:16	2
זה הצליח אבל הבעיה היא	arikbh	06.03.11 00:02	4
ככה	xtormstyle	06.03.11 01:17	6
תודה רבה , נלמד על זה :)	arikbh	06.03.11 18:16	7
אולי קישור לHTML יהיה יעיל יותר...	CaTz	06.03.11 00:00	3
אני עובד על שרת ביתי כרגע	arikbh	06.03.11 00:03	5

arikbh

21:44 05.03.11

1. אוקיי הצלחתי לסדר את זה בFF אבל בIE זה עדיין לא נצמד
בתגובה להודעה מספר 0

לתחתית הדף.

הסיבה שזה לא עבד כי בDIV של הפוטר היה בתוך התוכן של האתר.
בכל מקרה , עכישו ב FF זה נראה מעולה אבל בIE זה לא יורד , איך אני משפיע על התזוזה של הפוטר ב IE?

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

xtormstyle
חבר מתאריך 24.6.09
484 הודעות

23:16 05.03.11

2. נסה להוסיף ב CSS
בתגובה להודעה מספר 0

position:relative;

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

arikbh

00:02 06.03.11

4. זה הצליח אבל הבעיה היא
בתגובה להודעה מספר 2

שאני משתמש ב
top:-100px;
אז ב FF זה נראה מעולה , ב IE זה לא , וגם נמיסיתי לבדוק ממחשב עם רזולוציה נמוכה יותר אז חלק מהפוטר "נבלע" למטה.
באיזה דרכים הכי טוב להשתמש כדי להתאים חיתוך של עיצוב לדפדפנים ורזולציות שונות?

תודה.

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

xtormstyle
חבר מתאריך 24.6.09
484 הודעות

01:17 06.03.11

6. ככה
בתגובה להודעה מספר 4

תעשה CSS נפרד ל-IE
ותשים קוד ב HTML לייבא אותו, חפש בגוגל.
תקרא לקובץ iefix, ושם יהיה את כל תיקוני ה IE.
לשאלתך הראשונה,
תוסיף ב iefix את השורה
margin-top:-100px
וככה בכללי, תמיד תתאים את האתר לרז' מינימום,
לדעתי זה לפי סוג האוכלוסיה שנכנסת לאתר.
אם זה יותר מבוגרים, תתחיל מ800x600 אם זה מעורבב,
לך על מינימום של 1024x768.
תתחיל לעבוד לפי em ולא לפי px (גודל יחסי)

קרא בגוגל על תכנות אתר flexible, משמע אתר שאפשר למתוח אותו.
דוגמת רוטר, תקטין את החלון תמתח ותמיד יהיה אותו הדבר ...

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

arikbh

18:16 06.03.11

7. תודה רבה , נלמד על זה :)
בתגובה להודעה מספר 6

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

CaTz
חבר מתאריך 2.10.04
14537 הודעות

00:00 06.03.11

3. אולי קישור לHTML יהיה יעיל יותר...
בתגובה להודעה מספר 0

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

arikbh

00:03 06.03.11

5. אני עובד על שרת ביתי כרגע
בתגובה להודעה מספר 3

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד