הוסטס - פורום אחסון האתרים הגדול בישראל

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

- - CSS: בעיות עם FF ו-IE (https://hosts.co.il/forums/showthread.php?t=45068)

CSS: בעיות עם FF ו-IE

שלום לחברי פורום הוסטס,
יש לי בעיה עם תפריט שאני מנסה ליצור שבFF התפריט עובד מצוין בעוד בIE הוא כאילו יוצר "margin".
זה הקוד:
HTML:

PHP קוד:


		
			
<div id="menu-right">

        <ul>

                <li id="Nivot">תפריט ניווט:</li>

                <li><a href="#">עמוד ראשי</a></li>

                <li><a href="#">עמוד ראשי</a></li>

            </ul>

    </div>

CSS:

PHP קוד:


		
			
#menu-right{

    float: right;

    width:214px;

    color: #404040;

    margin-top:2px;

    margin:0px;

    padding:0px;

    text-align:right;

    background-color:#FFF;

}

#menu-right ul{

    margin: 0;

    padding: 0;

}

#menu-right ul li{

    list-style-type: none;

}

#menu-right ul li a{

    display: block;

    padding: 2px;

    background: #FFFFFF;

    border-bottom: 1px solid #eee;

}

#menu-right ul li a:link{

    color: #404040;

    text-decoration: none;

    font-size:12px;

}

#menu-right ul li a:hover{

    background-color: #369;

    color: #fff;

}

#menu-right #Nivot{

    color:#414141;

    font-size:12px;

}

תודה רבה.

הבעיה נמצאת ב display: block, בינתיים לא חשבתי על שום דבר שיכול לגרום לבעיה הזאת.

סתם משהו שעלה לי לראש עכשיו

קוד:

margin-top:2px;

    margin:0px;

קודם הגדרת שמה TOP הוא יהיה 2 PX ואחרי זה ביטלת את זה והגדרת שכולם יהיו 0.

זה אם כבר אמור להיות הפוך או במשפט אחד

PHP קוד:


		
			
margin:2px 0px 0px 0px;

יש עניין של רווחים בין תאגים שIE לא יודע לסנן
http://www.omerc.net/tmp/priest.htm

שים לב שהוספתי בהתחלה

PHP קוד:


		
			
* { margin:0; padding:0 }

זה תמיד טוב ע"מ למנוע חזרות של איפוס בכל אובייקט