רוטר - מבקש עזרה ב CSS

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

"מבקש עזרה ב CSS"

גירסת הדפסה

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

אשכול מספר 11052

kutumaster
חבר מתאריך 19.9.06
19325 הודעות, דרג אמינות חבר זה

15:24 06.12.12

מבקש עזרה ב CSS

כתבתי WRAPPER והוא מחרפן אותי
הוא לא עוטף לי את כל התוכן כמו שהוא צריך,
ככה זה נראה (הקוד בצד ימין):
אם לדוגמא אני משנה את ה height ל 1000px לבדוק אם בכלל הוא באמת עוטף את התוכן אני רואה שאכן הוא אמור לעבוד:
שיחקתי שם מלא, בין השאר כל ערך שאני שם ב position מצודד את האתר שלי שמאלה:

אז איך אני משתמש בערך height:100%
ומגיע לתוצאה הרצויה כמו בתמונה השניה?
תודה רבה וסופש נעים

בברכה,

שתף

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

האשכול	מחבר	תאריך כתיבה	מספר
זה לא קשור ל-WRAPPER	CaTz	06.12.12 15:44	1
תודה יא מלך, עובד!	kutumaster	06.12.12 15:58	2
פשוט, השורה הזו	CaTz	06.12.12 17:05	3
זה אחלה פתרון, אבל למתכנת שאין לו יותר מדי ניסיון עם הטריקים האלה,	יוחאי	06.12.12 18:07	4
כמובן שהכל תלוי מה אתה רוצה להשיג	CaTz	06.12.12 18:27	5
מה הבעיה להגדיר min-height של 100% וheight בפחות מ100%?	יוחאי	06.12.12 20:23	6
מכתב	kutumaster	06.12.12 21:15	7
אפשר לראות את הCSS/HTML מאוד דומה זה לא זה:)	יוחאי	06.12.12 21:28	8
שים לב- שהbody שלו מקבל 100%	CaTz	07.12.12 12:35	9
גם אצלי ה BODY 100%	kutumaster	07.12.12 16:18	10
שום דבר לא טוב בה	CaTz	07.12.12 17:19	11

CaTz
חבר מתאריך 2.10.04
14537 הודעות, דרג אמינות חבר זה

15:44 06.12.12

1. זה לא קשור ל-WRAPPER
בתגובה להודעה מספר 0

תוריד את הPOSITION שלו,
זה קורה בגלל שיש לך תוכן צף בתוכו, ולכן הגובה שלו לא משתנה בהתאם
תוסיף בסוף ה-WRAPPER,
DIV עם
style="clear:both"

זה אמור לעשות את העבודה.

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

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

kutumaster
חבר מתאריך 19.9.06
19325 הודעות, דרג אמינות חבר זה

15:58 06.12.12

2. תודה יא מלך, עובד!
בתגובה להודעה מספר 1

אז אני מבין מדבריך שהוא מתעלם מתוכן צף, וואלה לא ידעתי
ותוכל להסביר לי מה השורה הזאת שהוספתי עושה ואיך היא עובדת?

תודה רבה גיבור!

בברכה,

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

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

CaTz
חבר מתאריך 2.10.04
14537 הודעות, דרג אמינות חבר זה

17:05 06.12.12

3. פשוט, השורה הזו
בתגובה להודעה מספר 2

גורמת ל-DIV לא להיות צף בשני הצדדים גם ימין וגם שמאל.
וזה מה שמכריח את הWRAPPER לעטוף אותו...
:}

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

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

יוחאי
חבר מתאריך 30.12.15
163 הודעות, דרג אמינות חבר זה

18:07 06.12.12

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

הקוד הזה נראה לא קשור, סתם משהו ב20 דקות של עבודה,
לא נתקלתי בבעיות מיוחדות (בדקתי בIE/FF/CHROME)
למה לא לעבוד בדרך הפשוטה והטריוויאלית, אם יש איזה שאלות/בעיות מיוחדות תרגישו חופשי להגיד נמצא פתרונות יותר נחמדים

https://rotter.name/User_files/nor/50c0c2cf538f84b6.txt

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

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

CaTz
חבר מתאריך 2.10.04
14537 הודעות, דרג אמינות חבר זה

18:27 06.12.12

5. כמובן שהכל תלוי מה אתה רוצה להשיג
בתגובה להודעה מספר 4

בדרך שלך אתה חייב למתוח את הWRAPPER שלך לכל ה-100%.
ואם זה לא מה שרוצים זה בעייתי.

אבל כמובן שזה פיתרון טוב למי שרוצה שתמיד הWRAPPER יהיה על כל הגובה של המסך.

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

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

יוחאי
חבר מתאריך 30.12.15
163 הודעות, דרג אמינות חבר זה

20:23 06.12.12

6. מה הבעיה להגדיר min-height של 100% וheight בפחות מ100%?
בתגובה להודעה מספר 5

אפשר גם לדאוג לסקריפט פשוט שעושה את זה.

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

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

kutumaster
חבר מתאריך 19.9.06
19325 הודעות, דרג אמינות חבר זה

21:15 06.12.12

7. מכתב
בתגובה להודעה מספר 4

בגדול הקוד לא מאוד שונה ממה שהעלת ועדיין הבעיה עומדת בעינה,
לא הבנתי מה הבעיה בפתרון שהציעו מעלייך,
ה .main-content שלך דיי דומה ל wrapper שלי וזה עדיין לא עובד בלי הוספת ה <div style="clear:both"></div>

תודה רבה !!

בברכה,

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

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

יוחאי
חבר מתאריך 30.12.15
163 הודעות, דרג אמינות חבר זה

21:28 06.12.12

8. אפשר לראות את הCSS/HTML מאוד דומה זה לא זה:)
בתגובה להודעה מספר 7

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

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

CaTz
חבר מתאריך 2.10.04
14537 הודעות, דרג אמינות חבר זה

12:35 07.12.12

9. שים לב- שהbody שלו מקבל 100%
בתגובה להודעה מספר 7

בלי זה אין לך לאן למתוח.

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

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

kutumaster
חבר מתאריך 19.9.06
19325 הודעות, דרג אמינות חבר זה

16:18 07.12.12

10. גם אצלי ה BODY 100%
בתגובה להודעה מספר 9

קיצר רק הדרך שאתה הבאת לי עובדת, ואני לא מבין מה לא טוב בה
זה ה BODY אצלי

body {
margin: 0;
padding: 0;

background: #6B7072 url(../Content/themes/base/images/bg.png) repeat-x;
text-align: center;
height: 100%;
}

בברכה,

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

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

CaTz
חבר מתאריך 2.10.04
14537 הודעות, דרג אמינות חבר זה

17:19 07.12.12

11. שום דבר לא טוב בה
בתגובה להודעה מספר 10

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

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

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