הוסטס - פורום אחסון האתרים הגדול בישראל - בעיה מציקה עם מיקום טבלאות בIE

- פורום תיכנות (https://hosts.co.il/forums/forumdisplay.php?f=14)

- - בעיה מציקה עם מיקום טבלאות בIE (https://hosts.co.il/forums/showthread.php?t=86395)

בעיה מציקה עם מיקום טבלאות בIE

יש לי טבלאות שנמצאות בתוך DIV - הן מסודרות אחת מתחת לשניה (ומופיעות גם ככה בפיירפוקס וכרום), אבל ב-IE הן מופיעות אחת ליד השניה ככה שרואים בתכלס רק טבלה וחצי (ואמורות להיות שם הרבה טבלאות אחת מתחת לשניה)
אם מישהו יכול לזהות משהו שיסדר את זה בדפדפן המגעיל הזה אני אשמח לעזרה, זה הקוד:

קוד:

<div id="Cont" style="text-align: right; direction: rtl; overflow-y: none; overflow-x: hidden;">

<table width="70%" align="right" style="background-color: #efefef; border-bottom: 1px dashed black; display: block;">

        <tr>

                <td width="40%">טקסט</b></td>

                <td width="60%"><input type="text" style="border: 1px solid black; width: 250px;" /></td>

        </tr>

        <tr>

                <td width="40%"><b>טקסט</b></td>

                <td width="60%"><input type="text" style="border: 1px solid black; width: 250px;" /></td>

        </tr>

        <tr>

                <td width="40%"><b>טקסט</b></td>

                <td width="60%"><input type="text" style="border: 1px solid black; width: 250px; direction: ltr;" /></td>

        </tr>

</table><br />

<table width="70%" align="right" style="background-color: #f8f8f8; border-bottom: 1px dashed black; display: block;">

        <tr>

                <td width="40%"><b>טקסט</b></td>

                <td width="60%"><input type="text" style="border: 1px solid black; width: 250px;" /></td>

        </tr>

        <tr>

                <td width="40%"><b>טקסט</b></td>

                <td width="60%"><input type="text" style="border: 1px solid black; width: 250px;" /></td>

        </tr>

        <tr>

                <td width="40%"><b>טקסט</b></td>

                <td width="60%"><input type="text" style="border: 1px solid black; width: 250px; direction: ltr;" /></td>

        </tr>

</table><br />

</div>

ה-DIV הזה מקבל עוד טבלאות לתוכו באותו מבנה בדיוק, אבל זה לא קשור - מראש ה-IE לא מציג אותם כמו שצריך

תכניס

קוד:

<div style="clear : both"></div>

בין טבלאה לטבלאה

לא מצאתי בעיה ב IE8 , אם תוכל לעלות את העמוד לרשת שאני יבדוק ב IE6 ו 7

ב-IE 8 זה עשה לי את הבעיה.. אבל עזר הקטע עם ה-clear:both,
תודה רבה! ניסיתי אתמול שעתיים לסדר את זה, בכל דפדפן נורמלי (אפילו בפלאפון) זה עובד טוב בלי זה חוץ מIE

מה שקרה פה זה שהכנסת טבלאה שהיא בעצם צפה ימינה(align).. להבא עדיף להשתמש ב CSS נקי. וגם אפשר לשים את הקליר לדעתי בcss של הטבלאה עצמה.

עוד טיפ שיכול לעזור- להשתמש בreset.css כלשהוא או שימוש ב css framework לשימוש נרחב(כמו למשל 960 גריד סיסטם). העבודה הרבה יותר פשוטה ככה! כמו קסם :)

לא יודע, הסתכלתי על ה-960 הזה והוא נראה לי מוזר מידי אז וויתרתי
וה-align וה-css הנפרדים זה בגלל משחקים של לנסות לסדר את זה, שכחתי להחזיר לאיך שהיה בהתחלה