איך לקודד לכל הרזולוציות? - הוסטס

MaorGetter · 28-06-10, 10:09

אהלן, תמיד שאני מקודד ואני משנה רזולוציות למסך שלי
הכל ניראה שונה .
ניסיתי לקודד עם
positon:absolute;
ניסיתי עם MARGIN
ניסיתי עם PADDING

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

~The_Sultan~ · 28-06-10, 11:10

תעבוד עם DIV אחד שמכיל את כל האתר, קוראים לזה "Div Container". תן לו רוחב וערך auto ל-margin-right ו-margin-left, ככה הוא יהיה באמצע, וכל ה-DIV'ים שיהיו בתוכו יעבדו מצויין בכל הרזולוציות.. בהצלחה

RAS · 28-06-10, 12:09

ציטוט:

נכתב במקור על ידי ~The_Sultan~

תעבוד עם DIV אחד שמכיל את כל האתר, קוראים לזה "Div Container". תן לו רוחב וערך auto ל-margin-right ו-margin-left, ככה הוא יהיה באמצע, וכל ה-DIV'ים שיהיו בתוכו יעבדו מצויין בכל הרזולוציות.. בהצלחה

+1

מספיק שיהיה כתוב בו את רוחב האתר ו margin:auto כדי למרכזו.

ואל תעבוד עם אבסולוט בחיים אלא אם כן זה מקרה ממש ממש חריג.

~The_Sultan~ · 28-06-10, 13:05

קבל דוגמה מוחשית כאן:
http://symbian-il.net/
P:

MaorGetter · 28-06-10, 13:13

זאת אומרת אם אני עושה דבר כזה:

ציטוט:

body {
height:1000px;
width:1000px;
margin:auto auto auto auto;
}

ואז מתחיל לקודד עם MARGIN את כל האתר, אז זה יהיה בכל הרזולוציות?

~The_Sultan~ · 28-06-10, 13:14

איך הבנת דבר כזה בכלל? תקרא שוב את מה שאמרתי, ותסתכל בקוד המקור של האתר שהבאתי לך.

Erez | TrustMedia.co.il · 28-06-10, 13:48

הנה הHTML:

HTML קוד:

<html>
	<head>
		<title>עובד בכל רזולוציה !</title>
		<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
	</head>
	<body>
		<div id="warp">
			תוכן האתר
		</div>
	</body>
</html>

וזה הCSS:

HTML קוד:

#warp{
	width:800px;/*תשנה לרוחב האתר*/
	margin:auto;
}

ואז לרוזולציות קטנות יהיה פס גלילה לצד,ולרזולוציות גדולות האתר יהיה באמצע

MaorGetter · 28-06-10, 14:31

תודה תודה תודה תודה תודה תודה!

MaorGetter · 28-06-10, 20:48

אני לא יכול לערוך משום מה..
אבל אם הרקע שלי הוא נגלל?
(REPEAT-X \ REPEAT-Y)
מה עושים?
ובכלל, שאני שם רקע בצדדים ולמעלה יש לבן..
דוגמא: http://hamemokad.com/vote/

Penetration · 30-06-10, 12:22

את הרקע אתה יכול להשאיר בBODY... לא צריך לשים אותו בDIV.

28-06-10, 10:09	# 1
MaorGetter חבר וותיק מיני פרופיל תאריך הצטרפות: Jul 2009 הודעות: 1,134	איך לקודד לכל הרזולוציות? אהלן, תמיד שאני מקודד ואני משנה רזולוציות למסך שלי הכל ניראה שונה . ניסיתי לקודד עם positon:absolute; ניסיתי עם MARGIN ניסיתי עם PADDING ניסיתי עם פיקסלים ניסיתי עם אחוזים תמיד זה מראה אתר שונה לגמריי מה עליי לעשות כדיי שהאתר יראה אותו דבר באותם רזולוציות? __________________ בברכה, מאור. מייל: maorgetter@gmail.com מוזיקה לעסקים \| מוזיקה לבתי קפה \| מוזיקה למסעדות מסיבת אוזניות \| מסיבות שקטות \| אוזניות לאירועים

28-06-10, 13:48	# 7
Erez \| TrustMedia.co.il עסק רשום [?] מיני פרופיל תאריך הצטרפות: Jul 2008 הודעות: 1,854	הנה הHTML: HTML קוד: <html> <head> <title>עובד בכל רזולוציה !</title> <link rel="stylesheet" href="style.css" type="text/css" media="screen" /> </head> <body> <div id="warp"> תוכן האתר </div> </body> </html> וזה הCSS: HTML קוד: #warp{ width:800px;/תשנה לרוחב האתר/ margin:auto; } ואז לרוזולציות קטנות יהיה פס גלילה לצד,ולרזולוציות גדולות האתר יהיה באמצע __________________

28-06-10, 14:31	# 8
MaorGetter חבר וותיק מיני פרופיל תאריך הצטרפות: Jul 2009 הודעות: 1,134	תודה תודה תודה תודה תודה תודה! __________________ בברכה, מאור. מייל: maorgetter@gmail.com מוזיקה לעסקים \| מוזיקה לבתי קפה \| מוזיקה למסעדות מסיבת אוזניות \| מסיבות שקטות \| אוזניות לאירועים

28-06-10, 20:48	# 9
MaorGetter חבר וותיק מיני פרופיל תאריך הצטרפות: Jul 2009 הודעות: 1,134	אני לא יכול לערוך משום מה.. אבל אם הרקע שלי הוא נגלל? (REPEAT-X \ REPEAT-Y) מה עושים? ובכלל, שאני שם רקע בצדדים ולמעלה יש לבן.. דוגמא: http://hamemokad.com/vote/ __________________ בברכה, מאור. מייל: maorgetter@gmail.com מוזיקה לעסקים \| מוזיקה לבתי קפה \| מוזיקה למסעדות מסיבת אוזניות \| מסיבות שקטות \| אוזניות לאירועים Last edited by MaorGetter; 28-06-10 at 21:42..


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

28-06-10, 11:10	# 2
~The_Sultan~ חבר על מיני פרופיל תאריך הצטרפות: Oct 2008 הודעות: 771	תעבוד עם DIV אחד שמכיל את כל האתר, קוראים לזה "Div Container". תן לו רוחב וערך auto ל-margin-right ו-margin-left, ככה הוא יהיה באמצע, וכל ה-DIV'ים שיהיו בתוכו יעבדו מצויין בכל הרזולוציות.. בהצלחה

28-06-10, 13:05	# 4
~The_Sultan~ חבר על מיני פרופיל תאריך הצטרפות: Oct 2008 הודעות: 771	קבל דוגמה מוחשית כאן: http://symbian-il.net/ P:

28-06-10, 13:14	# 6
~The_Sultan~ חבר על מיני פרופיל תאריך הצטרפות: Oct 2008 הודעות: 771	איך הבנת דבר כזה בכלל? תקרא שוב את מה שאמרתי, ותסתכל בקוד המקור של האתר שהבאתי לך.

30-06-10, 12:22	# 10
Penetration חבר בקהילה מיני פרופיל תאריך הצטרפות: Sep 2007 הודעות: 98	את הרקע אתה יכול להשאיר בBODY... לא צריך לשים אותו בDIV.

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