ورود

View Full Version : سوال: به هم ریختن ظاهر سایت در IE8‌و FireFox



L_eskandary
چهارشنبه 10 آذر 1389, 16:57 عصر
سلام بر دوستان مهندسم
راستش وب فرم های من تا چند ساعت پیش مرتب و منظم بودن تا اینکه IE8 رو نصب کردم و این شد که دیدم یه هو همه چی بهم ریخت !!! البته چند روز پیش هم با firefox‌ به مشکل برخوردم . نمی دونم علت چیه و چطور می تونم این مسئله رو حل کنم ؟
البته من چهارmasterpage دارم که تو دوتا از اونا این مشکل بوجود میاد .

Mr FTHEL
پنج شنبه 11 آذر 1389, 14:10 عصر
عزیز لینک بزار تا چک کنیم :چشمک:

صادق صدقی
پنج شنبه 18 آذر 1389, 20:21 عصر
من هم این مشکل رو داشتم
1.کدهای html به هم ریختس
2.سی اس اس خطا داره
یا بد نوشته شده و از رویه اصول نیست
و......
لینک بزار ببینیم چی شده

ravand
پنج شنبه 18 آذر 1389, 21:15 عصر
منم این مشکل رو داشتم . یه سر تیتر برای وبلاگم ساخته بودم . و با مرورگر اکسپلورر 7 مشکلی نداشت ولی وقتی 8 رو نصب کردم دیدم بهم ریخته . این مشکل برای div و span برام پیش امد . باید از div استفاده می کردم از span استفاده کردم . برای همین بهم ریخت . و توی IE 7 مشکلی نداشت ولی توی IE 8 صفحه بهم ریخته میشد. البته علت های زیادی ممکنه وجود داشته باشه . ولی من مشکل خودم رو گفتم.

DES - Young
پنج شنبه 18 آذر 1389, 21:36 عصر
درود

لطفا لینک یا کد صفحه خود را بگزارید تا بررسی کنیم.

بیشتر مواقع علت نمایش ناهماهنگ در مرورگرها به علت استفاده از کدهای فاقد اعتبار و رعایت نکردن استانداردهای وب می باشد.


موفق باشید...

L_eskandary
یک شنبه 21 آذر 1389, 21:01 عصر
با سلام
اولا تشکر بخاطر توجه دوستان
ثانیا اینقدر درگیر نوشتن کدها بودم که اصلا حواسم نبود به design هم توجه کنم و این تاپیک هم خود بخود فراموشم شده بود . به هر حال من زیاد با css اشنا نیستم و فک کنم مشکل اصلی من هم همین باشه .
من کد صفحه رو می ذارم امیدوارم دوستان راهنمایی کنن . پیشاپیش از همه به خاطر غیر اصولی بودن design ام معذرت می خوام :
البته من تازگی ها این مشکل رو تو برنامه نویس هم دیدم . بعد از ارسال یه پست صفحه کلا پرت شد به خارج از screen !!! و فقط header‌ جای اصلی خودش بود !!!


<%@ Master Language="C#" AutoEventWireup="true" CodeBehind="UserMainM.Master.cs" Inherits="mytiva.UserMainM" %>

<%@ Register assembly="FlashControl" namespace="Bewise.Web.UI.WebControls" tagprefix="Bewise" %>

<!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 runat="server">
<link href="CSS/MessageStyle.css" rel="stylesheet" type="text/css" media="screen" />
<link href="CSS/UserStyle.css" rel="stylesheet" type="text/css" media="screen" />

<script language="JavaScript" type="text/javascript" src="PECalendar.js"></script>
<link rel="stylesheet" typ="text/css" href="Calstyle.css">

<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="MyTivaMain_files/cbcscbMyTivaMain.css" />

<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="UserRight_files/cbcscbUserRight.css" type="text/css" />

<title>TivaSMS(آزمایشی)</title>
<asp:ContentPlaceHolder ID="head" runat="server">
</asp:ContentPlaceHolder>
<style type="text/css">

.style3
{
height: 198px;
}
.style5
{
width: 236px;
height: 770px;
margin-left: 2px;
}
.style12
{
height: 56px;
}
.style9
{
width: 990px;
height: 35px;
}
.style10
{
width: 143px;
}
.style13
{
width: 760px;
}
.style14
{
width: 130px;
}
.style15
{
}
.style16
{
}
.style17
{
width: 100%;
}
.style18
{
width: 239px;
}
</style>


</head>
<body>
<form id="form1" runat="server">
<table align="center" cellpadding="2" cellspacing="2" dir="rtl">
<tr>
<td class="style3" id="banner">
<object type="application/x-shockwave-flash" data="baner.swf"
width="1000" height="200">
<param name="movie" value="baner.swf" />
<param name="wmode" value="opaque"/>
</object></td>
</tr>
<tr>
<td id="topmenu" class="style12">



<div style="width: 993px; height: 54px">
<table align="center" cellpadding="0" cellspacing="0" class="style9">
<tr>
<td class="style10">
<div id="DivTopRB">
</div>
</td>
<td class="style13" align="right" dir="rtl"> <td align="left">
<asp:ImageButton ID="ImageButton1" runat="server" Height="51px"
ImageUrl="~/SkinImage/LogOut.gif" onclick="ImageButton1_Click" />
</td>
</tr>
</table>
</div>



</td>
</tr>
<tr>
<td class="style16">



<table cellspacing="1" class="style17">
<tr>
<td class="style18">
<table align="center" cellpadding="0" cellspacing="0" class="style5">
<tr>
<td id="URightMenu" class="style15"cbMessageMenuebul_table" valign="top">
<div id="DivBlank">
</div>
<div id="DivMenu">

<table cellspacing="1" class="style14">
<tr>
<td>
<asp:ImageButton ID="BtnAccount" runat="server"
ImageUrl="~/BtnImage/btnacc.gif" onclick="BtnAccount_Click" />
</td>
</tr>
<tr>
<td>
<asp:ImageButton ID="BtnEditUP" runat="server" ImageUrl="~/BtnImage/btneup.gif"
onclick="BtnEditUP_Click" />
</td>
</tr>
<tr>
<td>
<asp:ImageButton ID="btnUserInfo" runat="server"
onclick="btnUserInfo_Click" ImageUrl="~/BtnImage/UserI.gif" />
</td>
</tr>
</table>

</div>
</td>
</tr>
</table>
</td>
<td valign="top">
<asp:ContentPlaceHolder ID="content" runat="server">
</asp:ContentPlaceHolder>
</td>
</tr>
</table>



</td>
</tr>
<tr>
<td>
&nbsp;</td>
</tr>
</table>
</form>
</body>
</html>


اینم کد مربوط به بخشی از css ::خجالت:


body
{
font-family: Tahoma, calibri;
font-size: small;
background-image:url( '../SkinImage/bg.jpg' );
background-color:#141414;
background-repeat:no-repeat;
background-attachment:fixed;
background-position:50% 0px;
min-width:1025px;

}

#banner
{
width:960;
height:150px;
margin-top:20px;
}

#topmenu
{
height: 40px;
width:960px;
padding: 12px 5px 4px 5px;
margin: 4px 00 4px 00;
background-image: url( '../SkinImage/menu2.gif' );
background-repeat: no-repeat;
background-position: center;
}


#URightMenu
{
height: 140px;
padding: 12px 5px 4px 5px;
margin: 4px 00 4px 00;
background-image: url( '../SkinImage/UserRMBg.gif' );
background-repeat: no-repeat;
background-position: center;
}


موفق باشین

L_eskandary
دوشنبه 22 آذر 1389, 23:44 عصر
سلام مجدد بر دوستان مهندس
کسی کد مربوط به سویچ کردن بین Css‌ها برای IE7‌ و IE8 رو می دونه آخه تا جایی که من فهمیدم ظاهرا بخاطر تفاوت این دو ورژن باید کدهای css جداگانه ای برا هرکدوم نوشته بشه و با تشخیص مرور گر بین css ها سویچ کنه .
البته من نمی دونم تفاوت هایی که این دو کد css باید داشته باشن تو کدوم قسمت هاست!!!

DES - Young
سه شنبه 23 آذر 1389, 00:05 صبح
درود

فایل css شما مشکلی نداره فقط تمامی حروف رو به صورت کوچیک بنویس مشکلت حل میشه
( سی اس اس با هیچ مرورگری مشکلی نداره ( البته خیلی کم، این کدی که شما نوشتید در تمامی مرورگر ها یکسان نمایش داده میشه( البته مقادیر پیش فرض برای سی اس اس در بعضی از مرورگرها متفاوت هست)))
میتونید از کدهای ریسیت سی اس اس استفاده کنید
ـــــــــــــــــــــــــ ـــــــــــــــــــــــــ ـــــــــــــــــــــــــ ـــــــــــــــــــــــــ
به خلاصه نویسی توجه کنید
ــــــــــــــــــ




number: Change "0px" -----> "0"
number: Changed "960" -----> "960px"
(padding): Changed "12px 5px 4px 5px" -----> "12px 5px 4px"
(margin): Changed "4px 00 4px 00" -----> "4px 00"
(padding): Changed "12px 5px 4px 5px" -----> "12px 5px 4px"
(margin): Changed "4px 00 4px 00" -----> "4px 00"


موفق باشد

L_eskandary
پنج شنبه 25 آذر 1389, 10:18 صبح
درود

فایل css شما مشکلی نداره فقط تمامی حروف رو به صورت کوچیک بنویس مشکلت حل میشه
( سی اس اس با هیچ مرورگری مشکلی نداره ( البته خیلی کم، این کدی که شما نوشتید در تمامی مرورگر ها یکسان نمایش داده میشه( البته مقادیر پیش فرض برای سی اس اس در بعضی از مرورگرها متفاوت هست)))
میتونید از کدهای ریسیت سی اس اس استفاده کنید
ـــــــــــــــــــــــــ ـــــــــــــــــــــــــ ـــــــــــــــــــــــــ ـــــــــــــــــــــــــ
به خلاصه نویسی توجه کنید
ــــــــــــــــــ




number: Change "0px" -----> "0"
number: Changed "960" -----> "960px"
(padding): Changed "12px 5px 4px 5px" -----> "12px 5px 4px"
(margin): Changed "4px 00 4px 00" -----> "4px 00"
(padding): Changed "12px 5px 4px 5px" -----> "12px 5px 4px"
(margin): Changed "4px 00 4px 00" -----> "4px 00"
موفق باشد
با سلام
دوست عزیز یه سوال:
همون طور که تو اولین پستم گفتم چرا تو دو تا از مستر پیج هام این اتفاق نمی افته و تو دوتای دیگه می افته ، با اینکه css‌ هر دوتا شون یکی هستش؟

DES - Young
پنج شنبه 25 آذر 1389, 12:33 عصر
درود

اگه امکان داره به صورت فایل زیپ آپلود کنید تا منو دوستان مورد بررسی قرار دهیم و مشکلاتو بیابیم
( تاحالا به همچین مشکلی برنخوردم ( شاید به دلیل محتویات صفحه باشه ))

L_eskandary
پنج شنبه 25 آذر 1389, 16:54 عصر
با سلام
من مستر پیچ ها رو به همراه css‌ ضمیمه می کنم ممنون میشم راهنمایی کنین :
مسترپیج هایی که مشکل دارن phone , UserMainM هستن و دوتای دیگه بدون مشکلن .
موفق باشین63705

DES - Young
جمعه 26 آذر 1389, 23:34 عصر
درود تمامی فایلهای CSS شمارو ویرایش کردم لطفا دانلود کنید و جایگزین فایلهای خود کنید ببینید مشکل حل میشه( ضمیمه کردم)

موفق باشید63746

L_eskandary
شنبه 27 آذر 1389, 12:27 عصر
درود تمامی فایلهای CSS شمارو ویرایش کردم لطفا دانلود کنید و جایگزین فایلهای خود کنید ببینید مشکل حل میشه( ضمیمه کردم)

با تشکر از لطف تون
خوب حروف بزرگ رو به کوچیک تبدیل کردین و margin‌ و pading رو هم تغییر دادین . من که دقت کردم حتی اون کدهایی هم که به این شکل نوشته بودم درست عمل نمی کنن و در واقع مشکل اصلی من الان عدم نمایش background-image ها هستش . و البته نکته جالبتر اینکه background-image تعریف شده برا body و یکی از div‌ هام نمایش داده میشن ولی با بقیه مشکل دارن .
فک می کنین تفاوت این دو کد تو چی هستش :


#divUserbg
{

background-image: url('../SkinImage/Userbg.gif');
background-repeat: no-repeat;
background-position: center;
background-color :Gray;
width: 760px;
}

body
{
font-family: Tahoma, calibri;
font-size: small;
background-image:url( '../SkinImage/bg.jpg' );
background-color:#141414;
background-repeat:no-repeat;
background-attachment:fixed;
background-position:50% 0px;
min-width:1025px;



که کد بالا background-image رو نشون میده ولی کدهای زیر نه !!!


#topmenu
{
height: 40px;
width:960px;
padding: 12px 5px 4px 5px;
margin: 4px 00 4px 00;
background-image: url('../SkinImage/menu2.gif');
background-repeat: no-repeat;
background-position: center;
}



البته من از کدهای شما هم استفاده کردم ولی باز بی نتیجه بودن البته تو IE8 این مشکل پیش اومده .:گریه:

DES - Young
شنبه 27 آذر 1389, 14:17 عصر
درود
دوست من اگر امکانش هست سایتتونو یه جای آپلود کنید تا مستقیم مشکلو ببینیم
آخرشم ندونستم تو IE7 مشکل داری یا IE8
کوتیشنها رو پاک کن ببین مشکلت حل میشه




#topmenu
{
background-image:url(../SkinImage/menu2.gif);
background-position:center;
background-repeat:no-repeat;
height:40px;
margin:4px 00;
padding:12px 5px 4px;
width:960px
}


موفق باشید

DES - Young
شنبه 27 آذر 1389, 14:22 عصر
اسپمی شد معذرت :خجالت:

پسوند فایلهای gif رو به صورت حروف بزرگ بنویس GIF



background-image:url(../SkinImage/menu2.GIF);

L_eskandary
شنبه 27 آذر 1389, 15:08 عصر
آخرشم ندونستم تو IE7 مشکل داری یا IE8

سلام مجدد
شرمنده که موضوع یه خرده عوض شده ...
من اولش تو fireFox و IE8 مشکل داشتم و این مشکل هم فقط تو دوتا از مستر پیج هام بود که کلا design به هم ریخته بود و تو دوتای دیگه مرتب بودن . الان مشکل اولم تبدیل شده به مشکل بعدی : الان تو firefox درست نشون میده ولی تو IE8 background-image رو نشون نمی ده . من موندم چرا الان این مشکل بوجود اومده در حالی که قبلا همچین مشکلی نداشتم و background رو با همین css ها نشون می داد . یا اصلا چرا تو body و divuserbg این مشکل پیش نمیاد درحالی که کدهای این ها هم دقیقا مثل کدهایی هستش که background رو نشون نمی دن !!!:متعجب:



کوتیشنها رو پاک کن ببین مشکلت حل میشه

نه حل نشد . آدرس url رو هم با ~ شروع کردم ولی بازم هیچ فرقی نکرد .
در مورد سایت هم الان اپلود هستش ولی چون یه سایت ارسال اس ام اس هستش و کاربرا دارن استفاده می کنم و باید نام کاربری و پس داشت شرمنده!
ولی خوب سعی می کنم همین مسترپیج ها رو با css با چند تا صفحه اپلود کنم و لینکش رو بذارم البته امیدوارم فرصت داشته باشم .

البته لاقل صفحه ورودش رو می تونین ببینین چون اونجا هم همین مشکل برا background قسمت login هستش :
http://messaging.mytiva.com

DES - Young
شنبه 27 آذر 1389, 18:23 عصر
درود
الان که هیچ مشکلی تو هیچ مرورگری نداره تست کردم ( FF - IE8 - IE7 - IE6 )

عکسشو ضمیمه کردم 63779

L_eskandary
شنبه 27 آذر 1389, 19:07 عصر
تشکر مجدد به خاطر وقتی که گذاشتین :
و اما نهایتا به ورژن IE8 که نگاه کردم دیدم بتا است البته بعد از دیدن تصویر ضمیمه شما! و به این نتیجه رسیدم که مشکلم بخاطر ورژنش هستش تو win7 که تست کردم همه چی درست بود . :تشویق: