רוטר - DIV באמצע המסך?

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

"DIV באמצע המסך?"

גירסת הדפסה

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

אשכול מספר 13013

Ngel

דרג אמינות חבר זה

15:38 06.10.07

DIV באמצע המסך?

ניסיתי כבר המון המון זמן וזה מה שהצלחתי:
margin:0 auto;
position:absolute;
z-index:5;
top:50%;left:35%;

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

מה אתם הצלחתם?

שתף

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

האשכול	מחבר	תאריך כתיבה	מספר
אתה יודע את הגובה של הdiv?	Morishani	06.10.07 17:12	1
אפשר דוגמית?	Ngel	06.10.07 17:27	2
קודם תענה - אתה יודע את הגובה של הDiv?	Morishani	06.10.07 19:00	3
קבל:	Ngel	06.10.07 23:21	4
well תבדוק את זה :	Morishani	07.10.07 14:38	7
קבל	bmaorlo	07.10.07 10:56	5
ניסית ככה?	-DoTaN-	07.10.07 14:36	6
מאוד מצטער, אף אחד מאלה לא עובד :(	Ngel	07.10.07 17:22	8
אני מאוד מצטער	bmaorlo	07.10.07 20:14	9
התגית CENTER אם אני לא טועה לא תקינה :\|	akoka	07.10.07 20:17	10
אגב אני לא מבין על מה הבלאגן :\|	akoka	07.10.07 20:22	11
נסה את זה: (ל''ת)	Ngel	07.10.07 20:25	12
לא הבהרתי את עצמי כנראה!	Ngel	07.10.07 20:29	13
הצלחתי! ככה עושים!	Ngel	09.10.07 09:09	14

Morishani

דרג אמינות חבר זה

17:12 06.10.07

1. אתה יודע את הגובה של הdiv?
בתגובה להודעה מספר 0

קטןןאפשר לעשות עם js משהו שעובד 100% גם אם אתה לא יודע את הגובה, אני חושב שפעם עשיתי.

ואפשר לעשות משהו עם css אם אתה יודע את הגובה של הDIV, דיי פשוט.

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

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

Ngel

דרג אמינות חבר זה

17:27 06.10.07

2. אפשר דוגמית?
בתגובה להודעה מספר 1

בבקשה

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

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

Morishani

דרג אמינות חבר זה

19:00 06.10.07

3. קודם תענה - אתה יודע את הגובה של הDiv?
בתגובה להודעה מספר 2

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

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

Ngel

דרג אמינות חבר זה

23:21 06.10.07

4. קבל:
בתגובה להודעה מספר 3

WIDTH: 302
HIGHT: 132

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

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

Morishani

דרג אמינות חבר זה

14:38 07.10.07

7. well תבדוק את זה :
בתגובה להודעה מספר 4

top:50%;
left:50%;
margin-top:-66px;
margin-left:-151px;
width:302px;
height:132px;

אם זה לא ממורכז מבחינת ימין שמאל, תשנה את הmargin-left לmargin-right, זה אמור לעשות את העבודה.

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

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

bmaorlo
חבר מתאריך 13.4.03
4770 הודעות, דרג אמינות חבר זה

10:56 07.10.07

5. קבל
בתגובה להודעה מספר 0

<html>
<head>
<style>
</style>
</head>
<body leftmargin="0" topmargin="0">
<center>
<div style="border:1px solid black;width:302px;height:134px;position:relative;text-align:left;">bla</div>
</center>
</html>
</body>

הDIV שלך רלטיבי לCENTER ומשאיר אותו באמצע של המסך.
אחר תתאים הכול לתוך הDIV הזה.

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

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

-DoTaN-

דרג אמינות חבר זה

14:36 07.10.07

6. ניסית ככה?
בתגובה להודעה מספר 0

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

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

Ngel

דרג אמינות חבר זה

17:22 07.10.07

8. מאוד מצטער, אף אחד מאלה לא עובד :(
בתגובה להודעה מספר 0

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

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

bmaorlo
חבר מתאריך 13.4.03
4770 הודעות, דרג אמינות חבר זה

20:14 07.10.07

9. אני מאוד מצטער
בתגובה להודעה מספר 8

אתה כנראה לא יודע לבדוק כי שלי עובד יופי.

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

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

akoka

דרג אמינות חבר זה

20:17 07.10.07

10. התגית CENTER אם אני לא טועה לא תקינה :|
בתגובה להודעה מספר 9

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

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

akoka

דרג אמינות חבר זה

20:22 07.10.07

11. אגב אני לא מבין על מה הבלאגן :|
בתגובה להודעה מספר 10

<html>
<head>
</head>
<body>
<div style="margin-top: 25%" align="center">dsadasdasdas</div>
</body>
</html>

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

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

Ngel

דרג אמינות חבר זה

20:25 07.10.07

12. נסה את זה: (ל''ת)
בתגובה להודעה מספר 9

ערכתי לאחרונה בתאריך 07.10.07 בשעה 20:26 בברכה, Ngel

text-align:center;
border-style:solid;
border-width:1px;
background-color:White;
width:300px;
height:100px;
position:relative;
z-index:10;
אצלך זה עובד כנראה כי הdiv הוא לא עלין מעל כולם.

אני מנס לעשות load screen יפה.

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

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

Ngel

דרג אמינות חבר זה

20:29 07.10.07

13. לא הבהרתי את עצמי כנראה!
בתגובה להודעה מספר 0

זה DIV ש"מרחף" מעל כל המסך, מן loading שכזה בשביל הAJAX...

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

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

Ngel

דרג אמינות חבר זה

09:09 09.10.07

14. הצלחתי! ככה עושים!
בתגובה להודעה מספר 0

.modalPopup
{
text-align:center;
border-style:solid;
border-width:1px;
background-color:White;
width:300px;
height:100px;
margin:0 auto;
position:fixed;
z-index:10;
left:40%;
}

את הleft צריך לשנות ולראות מה מתאים.
position:fixed !!!

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

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