נא עזרתכם לגבי התנהגות דיבים

אביגרפי

משתמש רשום
אם מישהו יוכל לעשות סדר ולהסביר איך מתנהגים דיבים שנמצאים אחד בתוך רעהו.
יש לי דיבים A B C D אחד בתוך השני.

המגמה שלי בדוגמה המצורפת, לגרום לכך שכל דיב או טקסט או אלמנט שנמצא בפנים יגרום אוטומטית להגדלת הדיבים המכילים. במילים פשוטות - אני רוצה את השוליים הצהובים מסביב לכתום לאורך כל הדף באופן אוטומטי.

יש לציין שהקובץ שאני מעלה כאן לא נראה זהה בכל הדפדפנים,

תודה



This user does not have permission to use the HTML BB code.
 

קבצים מצורפים

  • test.html
    KB 1.5 · צפיות: 0

studio dv.d

משתמש סופר מקצוען
מנוי פרימיום
בוגר/תלמיד פרוג
עיצוב גרפי
D I G I T A L
תשים לב כשיש לך float ימין או שמאל אז הקופסא מסתדרת מצויין
הבעיה היא כשיש לך float :none אז הפטנט היחיד הוא overflow: hidden;

במקרה שיש דברים שאתה רוצה שיצופו מחוץ לדיב הזה כגון דיב שבתוכו יושב תפריט נפתח
יש למצוא את הדרך לתת לזה float: left או right
 

אביגרפי

משתמש רשום
נכתב ע"י studio dv.d;596147:
תשים לב כשיש לך float ימין או שמאל אז הקופסא מסתדרת מצויין
הבעיה היא כשיש לך float :none אז הפטנט היחיד הוא overflow: hidden;

במקרה שיש דברים שאתה רוצה שיצופו מחוץ לדיב הזה כגון דיב שבתוכו יושב תפריט נפתח
יש למצוא את הדרך לתת לזה float: left או right

ודוקא לי נראה שאם אני עושה את כולם FLOAT:NONE ומרג'ין ימין ושמאל אוטומטי - או אז הכל מתנהג כמו שחלמתי - הם יושבים אחד בתוך השני לפי הסדר וגדלים אוטומטית כמו שצריך.
 

תמנתי ווב דיזיין

מהמשתמשים המובילים!
מנוי פרימיום
עיצוב גרפי
UX UI
D I G I T A L
ומה אם לא תגדיר גודל ורוחב, אלא רק מרג'ין?
כל דיב יגדל בהתאם לתכולה שלו [שהיא או אלמנט, או דיב אחר] לא?
 

אביגרפי

משתמש רשום
נכתב ע"י גינגית;596153:
ומה אם לא תגדיר גודל ורוחב, אלא רק מרג'ין?
כל דיב יגדל בהתאם לתכולה שלו [שהיא או אלמנט, או דיב אחר] לא?

אגדיר שוב בדיוק מה אני רוצה ליצר.

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

בתוך הדיב הכתום אני רוצה להכניס כל מה שבא לי ושיגדל אוטומטית ביחד עם הדיב הצהוב שמכיל אותו.
 

אביגרפי

משתמש רשום
המסקנות בינתיים:

אם לדיבים הפנימיים אני נותן FLOAT:NONE הן מתישרות לשמאל, והכל עובד
לפי החלום שלי.

גם אם אני מוסיף מרג'ין, הן עדיין מתנהגות כמו התכנית.

בכל הדפדפנים זה נראה בסדר.

השאלה אם תקין להגדיר FLOAT:NONE ואיך הוא יודע להתישר לשמאל?
 

studio dv.d

משתמש סופר מקצוען
מנוי פרימיום
בוגר/תלמיד פרוג
עיצוב גרפי
D I G I T A L
זאת אומרת שהבעיה מתחילה כאשר יש לך דיב עם float: none שבתוכו דיב עם float: right או left

וכשזה קורה הפתרון הוא לתת לדיב בעוטף את החוק overflow : hidden
 

אביגרפי

משתמש רשום
נכתב ע"י studio dv.d;596273:
זאת אומרת שהבעיה מתחילה כאשר יש לך דיב עם float: none שבתוכו דיב עם float: right או left

וכשזה קורה הפתרון הוא לתת לדיב בעוטף את החוק overflow : hidden

אוקיי תודה, זה גם עובד.
אין בעיה לתת גם לדיבים הפנימיים את ההגדרה הזו? (כי גם הם עוטפים דיב וכו')
 

studio dv.d

משתמש סופר מקצוען
מנוי פרימיום
בוגר/תלמיד פרוג
עיצוב גרפי
D I G I T A L
היום קראתי עוד שני פתרונות לבעיה הזאתי
(פרס למוצא את שני הפתרונות בקובץ המצורף)

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

אגב הפתרון נלקח מכאן
http://designshack.co.uk/articles/css/farewell-floats-the-future-of-css-layout/
 

קבצים מצורפים

  • test.html
    KB 1.7 · צפיות: 0

אולי מעניין אותך גם...

הפרק היומי

הפרק היומי! כל ערב פרק תהילים חדש. הצטרפו אלינו לקריאת תהילים משותפת!


תהילים פרק קיט א'

א אַשְׁרֵי תְמִימֵי דָרֶךְ הַהֹלְכִים בְּתוֹרַת יְהוָה:ב אַשְׁרֵי נֹצְרֵי עֵדֹתָיו בְּכָל לֵב יִדְרְשׁוּהוּ:ג אַף לֹא פָעֲלוּ עַוְלָה בִּדְרָכָיו הָלָכוּ:ד אַתָּה צִוִּיתָה פִקֻּדֶיךָ לִשְׁמֹר מְאֹד:ה אַחֲלַי יִכֹּנוּ דְרָכָי לִשְׁמֹר חֻקֶּיךָ:ו אָז לֹא אֵבוֹשׁ בְּהַבִּיטִי אֶל כָּל מִצְוֹתֶיךָ:ז אוֹדְךָ בְּיֹשֶׁר לֵבָב בְּלָמְדִי מִשְׁפְּטֵי צִדְקֶךָ:ח אֶת חֻקֶּיךָ אֶשְׁמֹר אַל תַּעַזְבֵנִי עַד מְאֹד:
נקרא  27  פעמים

לוח מודעות

למעלה