ניסיתי לעשות משהו שאחד החבר'ה פה הכין ו...

ראשי

צ'אט

מבזקים

צור קשר

‎print ‎"Hello World!"; if‎ ‎not rules.‎know ‎then rules.‎read();‎

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

« לאשכול הקודם | לאשכול הבא »

כלי אשכול

חפש באשכול זה

מיקום שכבות באופן קבוע ושכבות צפות

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

בקוד הנוכחי נאלצתי להגדיר את המיקום המדוייק של השכבה האמצעית, אך בעזרתכם אשמח לדעת איך לגרום לה לצוף מתחת לשכבה שמעליה.
קוד:
#head {
	width:	650px;
	text-align:	center;
	position:	absolute;
	left:	50%;
	margin-left:	-325px;
	margin-top:	20px;
	margin-bottom:	20px;
}

#body {
	text-align:	center;
	position:	relative;
	top:	150px;
}

#footer {
	width:	300px;
	text-align:	center;
	position:	absolute;
	bottom:	0px;
	left:	50%;
	margin-left:	-150px;
	margin-bottom:	10px;
}

30-10-2005, 03:46

Silver Strike Silver Strike אינו מחובר

חבר מתאריך: 11.09.04

הודעות: 1,032

באמצעות float....

בתגובה להודעה מספר 1 שנכתבה על ידי ישראל K שמתחילה ב "מיקום שכבות באופן קבוע ושכבות צפות"

אני לא בטוח שירדתי לסוף דעתך, אבל זה אמור לעבוד.
רק שים לב שה-div עם הגדרת float לא יתפרס על כל הרוחב אלא יתאפס לרוחב התוכן.
קוד:
#wrap {
	text-align: center;
	width: 650px;
	margin: auto;
}
#head {
	margin-top:	20px;
	margin-bottom:	20px;
}

#body {
	float: right;
}

#footer {
	width:	300px;
	clear: both;
	margin-bottom:	10px;
}


Markup:
-------
<body>
	<div id="wrap">
		<div id="head">
		...
		</div>
		<div id="body">
		...
		</div>
		<div id="footer">
		...
		</div>
	</div>
</body>

_____________________________________

בתגובה להודעה מספר 2 שנכתבה על ידי Silver Strike שמתחילה ב "באמצעות float...."

תודה.
בכל אופן את הבעיה שלי זה לא פותר, ושמתי לב שהבעיה מתחילה כשאני מגדיר ב-head
קוד:
position: absolute;
ואז מיד השכבה השניה מתחילה כבר ישר מלמעלה ולא מתחת לזאת שמעליה.
ואני חייב להגדיר "מיקום מוחלט", כיון שלצורך מרכוז השכבה אני משתמש ב-left.

נערך לאחרונה ע"י ישראל K בתאריך 30-10-2005 בשעה 09:43.

« לאשכול הקודם | לאשכול הבא »

כלי אשכול	חפש באשכול זה
הצג גירסת הדפסה שלח דף זה ב E-Mail	חפש באשכול זה: חיפוש מתקדם
מצבי תצוגה	דרג אשכול זה
עבור למצב לינארי מצב כלאיים עבור למצב משורשר	דרג אשכול זה:

אפשרויות משלוח הודעות
אתה לא יכול לפתוח אשכולות חדשים אתה לא יכול להגיב לאשכולות אתה לא יכול לצרף קבצים אתה לא יכול לערוך את ההודעות שלך קוד vB פעיל סמיילים פעיל קוד [IMG] פעיל קוד HTML כבוי

מעבר לפורום

כל הזמנים המוצגים בדף זה הם לפי איזור זמן GMT +2. השעה כעת היא 02:10

צור קשר | תקנון האתר

הדף נוצר ב 0.03 שניות עם 12 שאילתות
צור קשר - Fresh - למעלה