תסתכלו כאן

בקובץ ^ יש לי שכבה שאמור 'לעטוף' את שני השכבות הפנימיות, אך משום מה זה לא עוטף אותם, אלא מוצג רק כפס בודד.

איך אני מסדר את זה ?

PX

זה הראה רק את ה padding

[התמונה הבאה מגיעה מקישור שלא מתחיל ב https ולכן לא הוטמעה בדף כדי לשמור על https תקין: http://fresh.clanteam.com/list.png]

[התמונה הבאה מגיעה מקישור שלא מתחיל ב https ולכן לא הוטמעה בדף כדי לשמור על https תקין: http://fresh.clanteam.com/?https://2010-uploaded.fresh.co.il/2010/09/21/52868411.gif,http://www.boredpanda.com/blog/wp-content/themes/mimbo2.2/images/subscribe-panda-605px.png]

תנסה לעשות:

קוד:

height: auto;

Gallery

Pentax K100D + Pentax SMCP-DA 18-55mm f/3.5-5.6 AL + SMC Pentax-M Macro 1:4 50mm + SMC Pentax 1:2.8/105mm + SMC Pentax-M 1:2.8 35mm + SMC Pentax 1:1.4/50mm

לא, המספר הזה כולל בפנוכו את כל ה-paddings וכל המידות (חוץ מזה שהבעיה היא בגובה ולא ברוחב, אם זה היה הבעיה השכבות היו בשורות נפרדות).

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

אתה רוצה שה DIV החיצוני יהיה בגודל של ה "שמור"? ואז השמור וה "?" יהיה באותו גודל ומה DIV החיצוני יראו את המסגרת?

עריכה:
הבנתי... אתה משתמש בפיירפוקס, כי באקספלורר זה נראה אחרת, אני ינסה...

יתכן שהבנת, יתכן גם שלא. זה א כ"כ ברור ממה שאמרת.

אני רוצה שהשכבה החיצונית תהיה בגודל של שני השכבות יחד, וכמו שאמרת, שהמסגרת תהיה של השכבה החיצונית.


עריכה (בעבקות העריכה של ההודעה הקודמת):
ברור שאני גולש בדפדפן, למה אתה מצליח לגלוש בלי דפדפן ?!

פתרון חלקי

הוספתי את ההגדרה: display:table-caption לשכבה החוצונית, וזה הסתדר.
עקשיו הבעיה שאם יש שכבות נוספות כאלו מתחת זה 'בולע' אותם.

תסתכלו בדף, הכל נראה טוב ויפה, אבל כשתסכלו בקוד מקור תגלו שיש אולי 4 עותקים של השכבות שרואים, אבל רואים רק אחת, חסר עדיין משהו, או שצריך להוסיף רק משהו שיצור רווח בין השכבות (כגון br) ?!

display: table;

שים בתוך ה-div שמכיל את שני ה-divים. אלמנט נוסף עם הגדרת clear:both.

תודה, אבל זה עזר רק לקו העליון של המסדגת (המסגרת מוגדרת בשכבה החיצונית)
.

סוף סוף (אחרי נסיונות של כ-50 ויראציות שונות במשך שעות כשאני ער מאתמול...) עובד כמו שצריך, ואפילו באקספלורר אהוב נפשינו , רק שכמו תמיד הוא חייב לאכזב לפחות במשהו, ויש שם מרווח בין שני השכבות הפנימיים.

הקוד

display: table;
בתגובה ל "פיתרון חלקי"

ראיתי את זה, אבל עוד לפני זה נסיתי את כל האפשרויות ! וכל אפשרות + מאפיין אחר שגם משפיע על המראה (מדובר בעשרות וויראציות) וזה לא עבד, כמובן עד הנקודה שכן, ואז כמובן נעצרתי וכתבתי את ההודעה.

בכל אופן תודה לכולם, על הרצון ועל העזרה

מדובר בבאג של IE (כאילו שזה חדש לנו ) כאשר עובדים ב-Quirks Mode. במקרה שלך, אי הגדרת DTD גורמת לרינדור הזה.

נסה לאפס margin. בכל מקרה, הרבה יותר יעיל לעבוד ב-Standarts Mode.

בהצלחה