کمک: تفاوت ظاهر Table در IE و FF

shirini_forush

Well-Known Member
این کد رو برای یه باکس نوشتم:

HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
		<style type="text/css">
			.hotNews
			{
				filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#ff0000', endColorStr='#000fff', gradientType='1');
			}
			.coldNews
			{
				filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#ff0000', endColorStr='#000fff', gradientType='1');
			}
			.glowed
			{
				filter:progid:DXImageTransform.Microsoft.Glow(color='gold', Strength='5');
			}
        </style>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>
        	.:: Safir187 Sample News Box ::.
        </title>
    </head>
    <body>
    	<table cellpadding="0" cellspacing="0" width="100%" height="100%"><!-- Mother Table -->
        	<tr height="25"><!-- Top row -->
                <td>
                	<table background="2.gif" width="100%" cellpadding="0" cellspacing="0">
                    	<tr>
                        	<td align="left">
                            	<img src="1.gif" />
                            </td>
                            <td align="right">
                            	<img src="3.gif" />
                            </td>
                        </tr>
                    </table>
                </td>
            </tr>
            <tr height="100%"><!-- Mid row -->
            	<td>
                	<table width="100%" cellpadding="0" cellspacing="0">
                    	<tr>
                        	<td width="4" background="4.gif">
                            </td>
                            <td class="coldNews">
                            	Salam baro bachz ;) <br />
                                Omidvaram salamat bashin <br />
                                Chakerim <br />
                                <script language="javascript">
									document.write(new Date());
								</script>
                            </td>
                            <td width="4" background="6.gif">
                            </td>
                        </tr>
                    </table>
                </td>
            </tr>
            <tr height="4"><!-- Foot row -->
            	<td>
                	<table cellpadding="0" cellspacing="0" background="8.gif" width="100%">
                    	<tr>
                        	<td align="left">
                            	<img src="7.gif" />
                            </td>
                            <td align="right">
                            	<img src="9.gif" />
                            </td>
                        </tr>
                    </table>
                </td>
            </tr>
        </table>
    </body>
</html>

حالا این رو توی IE که اجرا میکنم مشکل داره.
اندازه ی row و column ها مطابق چیزی که تعیین کردم نیست.
ولی توی FF مشکلی نداره.

عزیزانی که میخوان امتحان کنن:
 

پیوست ها

  • NewsBox.rar
    3.6 کیلوبایت · بازدیدها: 0

shirini_forush

Well-Known Member
ممنون از کمک همتون.
خوب خودم جواب میدم اگر کسی به این مشکل دچار شد بدونه چیکار کنه.
IE واسه دلخوشی یه nbsp توی هر cell قرار میده. کافیه تو استایل table اندازه فونت رو 0 کنید که height کاراکتر ها cell رو resize نکنه.
بعد برای متنتون جدا اندازه فونت رو تعریف کنید.
:wink:
 

echessdesign

مدیر انجمن طراحی وب
safir187;516623. IE واسه دلخوشی یه nbsp توی هر cell قرار میده. . :wink:[/QUOTE گفت:
درود بر شما
جهت نمایش یک خانه خالی از جدول در مرورگر ها، باید کارکتری در آن نوشته شود. و در صورتی که شما کارکتری تایپ نکنید، Editor ها به صورت پیش فرض یک Space که به زبان HTML همان &nbsp; هست را در داخل آن می نویسند.
پاینده باشید
 

جدیدترین ارسال ها

بالا