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

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

morsrh 13-02-11 21:59

CSS שאלה..
 
טוב אז ככה , אני רוצה לעשות תיבה שהיא תהיה 100% width מהמסך , אבל להוסיף לו אפקט שאם התיבה תתקבץ , כלומר המסך יקטן מתחת ל500 פיקסלים (ה100% width יהיה פחות מ500 פיסלים) אז הוא ישאר 500 פיקסלים ולא יפחת יותר , כלומר ה100% לא "ישלוט" יותר אלה התיבה תהיה 500 פיקסלים.

אפשרי? תודה.

IgalSt 13-02-11 22:55

זה לא יעבוד ב-IE8 ומטה, אבל אתה יכול להשיג התנהגות דומה עם min-width and/or max-width.
לחילופין, אם אתה צריך תמיכה ב-IE8 ומטה או רוצה שההקטנה תהיה באנימציה ולא בקפיצה, אתה יכול לעשות את זה בקלות עם JS

morsrh 14-02-11 17:36

בדקתי על המאפיינים האלו אבל לא עולה לי התוצאה שביקשתי , אולי ההבנה לא הייתה נכונה.

לצורך ההבנה : יש לי DIV שננתי לו תמאפיין 100% width , אני רוצה להוסיף לו מאפיין כלשהוא בCSS שאם ה- 100% מהמסך יהיה מתחת ל-500 פיקסלים אז שישאר 500 פיקסלים במקום ה- 100% , לדוגמא יש לי מבקר באתר שה- 100% width שלו באתר הוא 1020 , אז פה ישלוט האחוזים , אבל אם הוא ישחק עם גודל הרזולוציה ויוריד את הרוחב ל 420 אז בעצם הוא יראה רק חלק מהDIV כי הDIV ישאר על 500 ולא עוד 100%..
מכוונה שאני מובן.

ובקשר למאפיינים האלו אולי לא הבנתי נכון אז אולי אם דוגמא זה קצת יהיה יותר ברור.

תודה.

IgalSt 14-02-11 19:07

בוא נעשה ככה: תעלה את הדוגמא שלך ונתקן על הבסיס שלה.
אני ממליץ לעלות ל-JSBIN

morsrh 14-02-11 20:08

אני לא יודע על איזה דוגמא אתה מדבר אבל אולי התכוונת אל זה? http://pastebin.com/3pVW8UN9

shushu 14-02-11 20:53

תגדיר ל-DIV
min-widht:500px;
רוחב מינימלי


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

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