تفاوت در موزيلا و Ie

HB2544

HB2544

Member
با سلام
من براي صفحه intro سايتم يه فايل html نوشتم كه كدش رو اينجا ميذارم و مشكل عجيب اينه كه نمايش اين صفحه در اينترنت اكسپلورر با نمايش در موزيلا متفاوته كه تصوير صفحه در هر دو جستجوگر رو هم براتون ميذارم. البته قبلش بايد بگم كه هنوز خيلي آماتورم
صفحه از يه تصوير بزرگ در وسط (تصوير سفيد) و يه دكمه كوچك در پايين صفحه و زير تصوير سفيد كه اونهم بايد حتما در وسط صفحه باشه، تشكيل شده كه دكمه لينك به صفحه اصلي سايته.
يعني نتيجه نهايي بايد حتما مثل تصوير در اينترنت اكسپلورر باشه(تصويري كه هر دو عكس بصورت وسط چين هستند). ولي نميدونم چرا در موزيلا اينطور نيست؟؟؟

IE.jpg
mozila.jpg

<html>
<head>
<title>.:index:.</title>
</head>

<body bgcolor="#999999" text="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" background="image/background.gif">
<br><table border="0" cellspacing="0" cellpadding="0" align="center" background="image/main.jpg" width="640" height="480">
<tr>
<td width="640"></td>
</tr>
<tr>
<center>
<table><br><td><a href="index-1.html"><img src="image/enter_key.jpg" width="200" height="30" border="0"></a></td></table>
</center>
</tr>

</table>
</body>
</html>
کلیک کنید تا باز شود...
با تشكر
 
B

bmossavari

Member
از این کد استفاده کن :

کد: 
<html>
<head>
<title>.:index:.</title>
</head>

<body bgcolor="#999999" text="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" background="image/background.gif">
<br>
<table border="0" cellspacing="0" cellpadding="0" align="center" background="image/main.jpg" width="640" height="480">
<tr>
<td width="640"></td>
</tr>
<tr><td align="center">
<a href="index-1.html"><img src="image/enter_key.jpg" width="200" height="30" border="0"></a>
</td>
</tr>

</table>
</body>
</html>

مشکل شما از آنجا ناشی میشد که تگ td رو فراموش کرده بودی در ضمن من table رو که برای لینک گذاشته بودید برداشتم چون اضافه به نظر میرسید.
 
ARTA_ADOBE CO

ARTA_ADOBE CO

Active Member
دوست عزیز از چه برنامه ای برای کد نویسی استفده میکنی؟
اگه از editor خاصی استفاده نمیکنی بهت بگم اگه از adobe dream weaver استفاده کنی کم پیش میاد از این تفاوت ها تو نمایش کدهات
بین مرورگرها مشاهده کنی...
البته این مشکل شما خیلی واضح بوده و فکر کنم با دست کد زدی که این اشتباه رو کردی نه؟
 
HB2544

HB2544

Member
دوستان و اساتيد عزيز (bmossavari و ARTA_ADOBE CO) با تشكر از راهنمايي فوق العاده شما
من كدي كه شما ارائه داديد استفاده كردم
<html>
<head>
<title>.:index:.</title>
</head>

<body bgcolor="#999999" text="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" background="image/background.gif">
<br>
<table border="0" cellspacing="0" cellpadding="0" align="center" background="image/main.jpg" width="640" height="480">
<tr>
<td width="640"></td>
</tr>
<tr><td align="center">
<a href="index-1.html"><img src="image/enter_key.jpg" width="200" height="30" border="0"></a>
</td>
</tr>

</table>
</body>
</html>
کلیک کنید تا باز شود...

و مشكل در تفاوت اجرا و نمايش فايل برطرف شد يعني هر دو مثل هم نمايش داده ميشن اما يه مشكل ديگه بوجود اومد و اون center شدن هر دو تصوير نسبت به كل صفحه است يعني كليد ورود هم روي تصوير اصلي و دقيقا در وسط صفحه قرار گرفته در صورتيكه نحوه نمايش بايد حتما مثل نمايش در IE در سوال اولم باشه يعني تصوير سفيد در بالا و دكمه با كمي فاصليه در زير آن و از نظر افقي در وسط صفحه قرار گيرد اما در حال حاضر به اين صورته كه دكمه از نظر افقي و هم از نظر عمودي در وسط قرار گرفته:

2.jpg

با تشكر فراوان
 
B

bmossavari

Member
كافیه بجای گذاشتن عكس در backgrouond آنرا توی td اول جایگذاری كنید.

کد: 
 			 				<html>
<head>
<title>.:index:.</title>
</head>

<body bgcolor="#999999" text="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" background="image/background.gif">
<br>
<table border="0" cellspacing="0" cellpadding="0" align="center"  width="640" height="480">
<tr>
<td width="640"><img src="image/main.jpg" alt="main" /></td>
</tr>
<tr><td align="center">
<a href="index-1.html"><img src="image/enter_key.jpg" width="200" height="30" border="0"></a>
</td>
</tr>

</table>
</body>
</html>
 
HB2544

HB2544

Member
<head>
<title>.:index:.</title>
</head>

<body bgcolor="#999999" text="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" background="image/background.gif">
<br>
<table border="0" cellspacing="0" cellpadding="0" align="center" width="640" height="480">
<tr>
<td width="640"><img src="image/main.jpg" alt="main" /></td>
</tr>
<tr><td align="center">
<a href="index-1.html"><img src="image/enter_key.jpg" width="200" height="30" border="0"></a>
</td>
</tr>

</table>
</body>
</html>
کلیک کنید تا باز شود...

بفرمایید
valign="top"
کلیک کنید تا باز شود...

بسيار ممنون از پاسخ هاي ارزنده و جامع شما
مشكلم با راهنمايي هاي شما اساتيد عزيز كاملا برطرف شد:D
 
برای ارسال پاسخ شما باید وارد سیستم شوید.

آخرین مطالب مجیدآنلاین

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

بالا