מישהו מכיר חלופה תקינה (לפי W3C) שתעבוד בכל הדפדפנים למאפיין min-height?

חרשתי כל אתר קיים, כל מאמר, ולא מצאתי שום דבר.

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

דוגמה:

קוד:

<div class="parent">
<div style="width: 1px; height: 600px; float: left;"></div>
<div class="content">your content here</div>
</div>

מקווה שיעזור

זה לא עובד כמו min-height (והאמת זה לא עובד לי בכלל)...

יש האק דרך css

קוד:

<style type="text/css">
.minH {
min-height:500px;
height:auto !important;
height:500px;
}
  </style>

<div class="minH">your content here</div>

עובד ב ff ו explorer שאר הדפדפנים לא בדקתי

עובר בדיקת w3c
גם html וגם css

מצויין, תודה רבה!

(יש מצב להסבר למה זה עובד?)

הבעיה עם min-height היא עם IE6, ב- IE6 אין min-height אבל הערך height מתפקד כ- min-height ככה שצריך לכל הדפדפנים חוץ מ-IE6 לשים min-height ורק ל-IE6 לשים height

אפשר לעשות את זה ב-JS...
השאלה היא אם אתה מוכן להוסיף סקריפט לאתר שלך בשביל זה? כלומר האם אתה צריך את זה, זה חיוני?

קודם תעשה בדיקה עם JS אם הגובה של האלמנט עובר גובה מסוים.
אם זה עובר, אז אל תקבע גובה ספציפי, אחרת כן תקבע.
העמוד הבא יעזור לך: http://www.quirksmode.org/dom/compatibility.html

שמרתי את האפשרות הזאת כמוצא אחרון, אבל כמו שראית moozes הביא פיתרון יותר ידידותי P:

אתה מחפש חלופה עבור IE6?
כי לפי מה שזכור לי המאפיין min-height נתמך ב IE7 + ב FF...

בכל מקרה, בשביל IE6 ניתו להשתמש ב

קוד:

_height: 100px;
min-height: 100px;

לפי W3C

ציטוט:

Property _height doesn't exist