נכון לקודד את האתר כולו בתוך תיבה עם מיקום אבסולוטי? - הוסטס

morsrh · 21-09-11, 18:02

אהלן ,

נשאלה השאלה אם נכון ורצוי בהתאם לבקשה (למטה) לקודד אתר בתוך תיבה עם מיקום אבסולוטי ככה :

HTML קוד:

<div style="position:absolute; top:0; left:0; width:100%;">
			ALL site content come here
		</div>

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

HTML קוד:

<div style="width:100%;background-color:yellow;"></div>

וככה אני יוכל לעשות קופסאות עם רוחב מלא ללא רווחים בכל מקום באתר

אז , האם זה טוב ורצוי לעשות ככה או שיש פתרון אחר?

**IgalSt** · 21-09-11, 18:08

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

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

morsrh · 21-09-11, 18:17

אתה יכול לתת לי דוגמא עם אלמנט עם block?
אנחנו מדברים על אותו הדבר? display:block ?
וד"א אם אני יתן לבודי margin:0 זו גם תוצאה טובה מבחינתי , זה יהיה בסדר?

**IgalSt** · 21-09-11, 18:39

בעיקרון, אלמנטים מתחלקים לשני סוגים בגדול:
inline - כוללים לדוגמה את span ו-a
block - כלדוגמה div, p, h1-6, ul ועוד

אלמנטים מסוג בלוק מקבלים אוטומטית רוחב של 100%.

אתה יכול לתת margin:0 ל-body, זה תקין ומאוד מקובל.

Liorl · 21-09-11, 19:37

הכי מומלץ לתת margin : 0 ל BODY / DIV מעטפת ו WIDTH .. זה יפתור לך את כל הבעיה

**IgalSt** · 21-09-11, 19:50

ציטוט:

נכתב במקור על ידי gb-hosting

הכי מומלץ לתת margin : 0 ל BODY / DIV מעטפת ו WIDTH .. זה יפתור לך את כל הבעיה

הוא רוצה עיצוב שנפרס על כל רוחב העמוד.
לתת רוחב במקרה הזה לא מתאים..

Erez | TrustMedia.co.il · 21-09-11, 22:04

אתה לא חייב absolute במקרה הזה, אם אני לא טועה גם static יכול לקבל רוחב 100%, אבל אם אתה רוצה לשים דברים מאחורה אז או שתשתמש בrelative ולא בabsolute, או שפשוט תשתמש בz-index ותשים את מה שאתה רוצה שיהיה מאחורי האתר עם z-index שלילי והוא יופיע למטה.

morsrh · 21-09-11, 22:28

למען הסר ספק margin:0 auto עובד מצויין ,
אם אתם רוצים להמשיך דיון בכבוד

21-09-11, 18:02	# 1
morsrh חבר מתקדם מיני פרופיל תאריך הצטרפות: Feb 2010 מיקום: אשקלון. גיל: 30 הודעות: 444	נכון לקודד את האתר כולו בתוך תיבה עם מיקום אבסולוטי? אהלן , נשאלה השאלה אם נכון ורצוי בהתאם לבקשה (למטה) לקודד אתר בתוך תיבה עם מיקום אבסולוטי ככה : HTML קוד: <div style="position:absolute; top:0; left:0; width:100%;"> ALL site content come here </div> הבעיה שנתקלתי איתה זה שאני רוצה שיהיו קופסאות במקומות שונים באתר שהרוחב שלהם יהיה 100% ויתפרסו מצד אחד לשני ללא רווחים, ולכן אם כל האתר יהיה בתוך קופסא עם מיקום אבסולוטי אז אני יוכל לעשות בכל מקום שאני רוצה קוד פשוט שיתפרס מצד לצד באתר , לדוגמא : HTML קוד: <div style="width:100%;background-color:yellow;"></div> וככה אני יוכל לעשות קופסאות עם רוחב מלא ללא רווחים בכל מקום באתר אז , האם זה טוב ורצוי לעשות ככה או שיש פתרון אחר?

21-09-11, 18:08	# 2
IgalSt מנהל פורום, עסק רשום מיני פרופיל תאריך הצטרפות: Oct 2005 מיקום: המרכז גיל: 37 הודעות: 1,432	נשמע לי כמו רעיון רע למען האמת. אלמנט אבסולוטי "צף" על העמוד ולא תופס בו מקום. לכן בין היתר יכולות להיות לך בעיות שלא תהיה לך גלילה לגובה של האתר (אבל צריך לבדוק את זה..) בכל אופן, אני לא מבין למה שתצטרך לעשות משהו כזה. גם ככה כל אלמנט מסוג block נמתח לכל רוחב המסך (100%), אלא אמ כן מגדירים לו רחב מסויים. חוץ מזה, אם אתה מאוד רוצה למקם משהו אבסולוטית, תעשה את זה בתוך אבא רלטיבי. אבל זה עובד טוב רק אם אתה יודע בדיוק את הגובה של האלמנט האבסוליטי שלך. אחרת אתה בבעיה. __________________ יגאל סטקלוב Igal Steklov Slides מה השעה? טרקלין דן טרמינל 1

21-09-11, 18:39	# 4
IgalSt מנהל פורום, עסק רשום מיני פרופיל תאריך הצטרפות: Oct 2005 מיקום: המרכז גיל: 37 הודעות: 1,432	בעיקרון, אלמנטים מתחלקים לשני סוגים בגדול: inline - כוללים לדוגמה את span ו-a block - כלדוגמה div, p, h1-6, ul ועוד אלמנטים מסוג בלוק מקבלים אוטומטית רוחב של 100%. אתה יכול לתת margin:0 ל-body, זה תקין ומאוד מקובל. __________________ יגאל סטקלוב Igal Steklov Slides מה השעה? טרקלין דן טרמינל 1

21-09-11, 19:37	# 5
Liorl חבר מתקדם מיני פרופיל תאריך הצטרפות: Aug 2010 הודעות: 604	הכי מומלץ לתת margin : 0 ל BODY / DIV מעטפת ו WIDTH .. זה יפתור לך את כל הבעיה __________________

21-09-11, 22:04	# 7
Erez \| TrustMedia.co.il עסק רשום [?] מיני פרופיל תאריך הצטרפות: Jul 2008 הודעות: 1,854	אתה לא חייב absolute במקרה הזה, אם אני לא טועה גם static יכול לקבל רוחב 100%, אבל אם אתה רוצה לשים דברים מאחורה אז או שתשתמש בrelative ולא בabsolute, או שפשוט תשתמש בz-index ותשים את מה שאתה רוצה שיהיה מאחורי האתר עם z-index שלילי והוא יופיע למטה. __________________


	ההרשמה לפורום נפתחה - אפשרות רישום לכל אימייל (דומיינים פרטיים, gmail, הוטמייל..)!

21-09-11, 18:17	# 3
morsrh חבר מתקדם מיני פרופיל תאריך הצטרפות: Feb 2010 מיקום: אשקלון. גיל: 30 הודעות: 444	אתה יכול לתת לי דוגמא עם אלמנט עם block? אנחנו מדברים על אותו הדבר? display:block ? וד"א אם אני יתן לבודי margin:0 זו גם תוצאה טובה מבחינתי , זה יהיה בסדר?

21-09-11, 22:28	# 8
morsrh חבר מתקדם מיני פרופיל תאריך הצטרפות: Feb 2010 מיקום: אשקלון. גיל: 30 הודעות: 444	למען הסר ספק margin:0 auto עובד מצויין , אם אתם רוצים להמשיך דיון בכבוד

חברים פעילים הצופים באשכול זה: 1 (0 חברים ו- 1 אורחים)