הי אני עובדת עם דרופל 6 וטנדו, מנסה לעצב אתר שיש לו גרפיקה מסוימת ב header לכן אני רוצה לקסטם את הגובה של
#header
לצורך העניין יש לי גרפיקה ב header-content שגובהה 80 פיקסלים, ואחריה main-nav צריך להיות 30 פיקסלים, נניח.
אבל שימוש בפרמטר height לא ממש עוזר: רואים את השינוי באיכספלורר (8) אבל לא בשועלאש.
לדוגמא נתתי
#header-content{height:70px;}
אבל זה נראה שהגובה של main-nav איזן את עצמו כדי להשלים את ההפרש שנוצר.
יש לי הרגשה שאני מפספסת משהו, איזו הגדרה איפשהו, אולי איזה padding...
עברתי שוב על הכל ותום כותב ב style.css:
/**
* The following must not have a width in Tendu. Using height instead.
* Note:
* - If for any reason you are going to set a fixed height on one of these elements' container it
* will set the elemen's visual height to 1% (at least in IE) and you'll have to use a different approach.
*/
header-content,
default-content,
content{height:1%;}
/* Collapsed fieldsets use JS that requires it's parent to have layout in IE */
.node-form{height:1%;}
איזו גישה אחרת כדאי לי לנסות?
תודה
תומג'י
אם הבנתי נכון ואת מנסה לצמצם
אם הבנתי נכון ואת מנסה לצמצם את גובה הגרפיקה,
צריך להוסיף overflow:hidden לאלמנט.
KONFORTI.NET
עד כמה שהצלחתי להבין, יש כבר
עד כמה שהצלחתי להבין, יש כבר overflow:hidden על האלמנט.
בסופו של דבר צימצמתי את הריפוד padding של הלוגו ושל אלמנטים נוספים בהדר, מלמעלה ומלמטה, וזה עזר לצמצם את הגובה.
תודה!