13-01-2009, 09:54
|
|
מנהל משבראש, בלשנות, תכנות ויהדות
|
|
חבר מתאריך: 04.06.06
הודעות: 33,130
|
|
|
תוסיף גם line-height:100px; ל-DIV
vertical-align מסדר את הטקסט אנכית לאמצע השורה,
אבל הטקסט עצמו הוא בגובה שורה ולכן לא קורה כלום..
תוספת line-height:100px; מגדירה את כל הגובה של ה-DIV להיות שורה ואז הטקסט אכן יופיע באמצעה
האמור לעייל מתאים במקרה שהטקסט עצמו הוא רק שורה בודדת
הטריק לא טוב כאשר ישנם כמה שורות טקסט (שהרי כל שורה היא בגובה ה-DIV..)
במקרה זה רוצים למרכז אנכית את כל הטקסט כבלוק אחד
פתרון אפשרי הוא נתינת מאפיין display:table-cell; ל-DIV
הבעייה רק שזה לא עובד ב-IE.. (עובד אבל ב-FF, אופרה ועוד)
הפתרון המלא היחיד שאני מכיר ל-IE דורש 3 תגים עוטפים...
(אחד עוטף כללי, אמצעי עם ירידה של 50% מהראשון, ופנימי עם עליה של 50% מהאמצעי )
מקווה שעזרתי
|