הוסטס - פורום אחסון האתרים הגדול בישראל

הוסטס - פורום אחסון האתרים הגדול בישראל (https://hosts.co.il/forums/index.php)
-   פורום תיכנות (https://hosts.co.il/forums/forumdisplay.php?f=14)
-   -   איך לקודד לכל הרזולוציות? (https://hosts.co.il/forums/showthread.php?t=83451)

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~ (פרסם 769022)
תעבוד עם 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.


כל הזמנים הם GMT +2. הזמן כעת הוא 02:32.

מופעל באמצעות VBulletin גרסה 3.8.6
כל הזכויות שמורות ©
כל הזכויות שמורות לסולל יבוא ורשתות (1997) בע"מ