PDA

View Full Version : سوال: سازگاری با همه مرورگرها



بهارجون
سه شنبه 18 تیر 1392, 09:59 صبح
سلام دوستان
من یه سایت درست کردم با php با مرورگرهای firefox و opera و chrome سازگاری داره ولی با IE سازگاری نداره کسی میتونه کمکم کنه
ممنون

H:Shojaei
سه شنبه 18 تیر 1392, 10:11 صبح
سلام
اول كه اين مطلب رو تو قسمت طراحي ميذاشتين بهتر بود چون جاش اونجاس...
بيشتر توضيح بدين مشكلاتشو بگين از چه لحاظي سازگاري نداره؟ طراحي؟ كد نويسي؟ چي؟

بهارجون
سه شنبه 18 تیر 1392, 10:14 صبح
طراحی بهم میریزه
106920

ehsan_savadkohi
سه شنبه 18 تیر 1392, 10:15 صبح
سلام دوستان
من یه سایت درست کردم با php با مرورگرهای firefox و opera و chrome سازگاری داره ولی با IE سازگاری نداره کسی میتونه کمکم کنه
ممنون

سلام....
صفحات با php مشکلی نداره...
1) با اسکریپت های jquery
2) دستورات thml5 سازگاری نداره.
باید در قسمت popup مرورگرIE ملزومات بارگزاری ها را allow کنید..
موفق باشید

بهارجون
سه شنبه 18 تیر 1392, 10:17 صبح
میشه دقیق بگید چه کار کنم؟

H:Shojaei
سه شنبه 18 تیر 1392, 10:26 صبح
بايد كدهاتون رو بذاريد تا روشون بررسي بشه البته اگه مايليد.
يه عكس هم از chrome ميذاشتين ببينيم چطوري بوده اينطوري شده؟

بهارجون
سه شنبه 18 تیر 1392, 10:29 صبح
106921نمایش در firefox

بهارجون
سه شنبه 18 تیر 1392, 10:32 صبح
این کد html


<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>کیان ستاره نوین</title>
<script type="text/javascript" src=../jquery/jquery.js language="javascript"></script>
<script type="text/javascript" src=../jquery/jquery-1.8.3.min.js language="javascript"></script>
<link rel="stylesheet" href="../css/css.css">
<link rel="stylesheet" type="text/css" href="../css/nivo-slider.css" />
<link href="../css/nivo-slider.css" rel="stylesheet" type="text/css" />
<link href="../css/default/default.css" rel="stylesheet" type="text/css" />
<script src="../jquery/jquery.nivo.slider.js" type="text/javascript" charset="UTF-8"></script>
<script src="../jquery/jquery.nivo.slider.pack.js" type="text/javascript" charset="UTF-8"></script>
<script type="text/javascript" src=../jquery/login.js language="javascript"></script>
<script type="text/javascript" src=../jquery/save.js language="javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#slider').nivoSlider();
});
</script>
<style type="text/css">
html,body {
overflow-y:hidden;
}
</style>
</head>
<body>
<div id="master2">
<div id="inside2">
<div id="header2">
<div id="logo2">
<img src="../images/logo.bmp" />
</div>
<div id="facebook2">
<table>
<tr>
<td>
<a href="#"><img src="../images/face-icon.jpg" /></a></td>
<td><a href="#"><img src="../images/youTube-icon.jpg" /></a></td>
<td><a href="#"><img src="../images/twitter-icon.jpg" /></a></td>
<td><a href="#"><img src="../images/googleplus.jpg" /></a></td>
<td><a href="#"><img src="../images/yahoochat1.jpg" /></a></td>
<td><a href="home_en.php" style="color: rgb(255,203,1); font-weight: bold;">English</a></td>
</table>
</div>
<div id="tmenu2">
<img src="../images/tmenu2.png">
</div>
<div id="mmenu2">
<div id="nav2">
<ul>
<li style="width: 150px"><a href="#">صفحه اصلی</a>
</li>
<li style="width: 150px"><a href="#">محصولات</a>
<ul>
<li ><a style="width: 150px;height: 5px;color: white; font-weight: normal;padding-top: 8px" href="chamani.php">چراغهای چمنی</a></li>
<li><a style="width: 150px;height: 5px;color: white; font-weight: normal;padding-top: 8px" href="parki.php">چراغهای پارکی</a></li>
<li><a style="width: 150px;height: 5px;color: white; font-weight: normal;padding-top: 8px" href="khiabani.php">چراغهای خیابانی</a></li>
<li><a style="width: 150px;height: 5px;color: white; font-weight: normal;padding-top: 8px" href="monopol.php">دکل منوپل</a></li>
<li><a style="width: 150px;height: 5px;color: white; font-weight: normal;padding-top: 8px" href="mahari.php">دکل مهاری</a></li>
<li><a style="width: 150px;height: 5px;color: white; font-weight: normal;padding-top: 8px" href="paye.php">پایه چراغ</a></li>
</ul>
</li>
<li style="width: 150px"><a href="#">درباره ما</a>
<ul>
<li><a style="width: 150px;height: 5px;color: white; font-weight: normal;padding-top: 8px" href="about_us.php">درباره شرکت کیان ستاره نوین</a></li>
<li><a style="width: 150px;height: 5px;color: white; font-weight: normal;padding-top: 8px" href="client.php">مشتریان ما</a></li>
</ul>
</li>
<li style="width: 150px"><a href="contact_us.php">تماس با ما</a>
</li>
</ul>
</div>
</div>
<div id="bmenu2">
<img src="../images/tmenu2.png">
</div>
<form method="post" action="search.php">
<table>
<tr>
<td >
<input type="text" size="25" style="position: relative;top:-38px; height: 26px" name="se" value="search" onclick="this.value='';" onfocus="this.select()" onblur="this.value=!this.value?'search':this.value;"/>
</td>
<td>
<input type='submit' id="search1" style="position: relative;top:-53px; width: 50px;height: 35px;padding-top: 0px" value="go" >
</td>
</tr>
</table>
</form>
</div>
<div id="slideshow2">
<div class="slider-wrapper theme-default">
<div id="slider" class="nivoSlider">
<a href="#" title="عنوان اسلاید"><img src="../images/home/slide3.png" alt="" /></a>
<a href="#" title="عنوان اسلاید"><img src="../images/home/agn2.jpg" alt="" /></a>
<a href="#" title="عنوان اسلاید"><img src="../images/home/slide3.png" alt="" /></a>
<a href="#" title="عنوان اسلاید"><img src="../images/home/agn2.jpg" alt="" /></a>
</div>
</div>
</div>
<div id="news">
<div id="lt">
<img src='../images/t1.bmp'>
</div>
<div id="rt">
</div>
<div id="lb">
<img src='../images/t2.png'>
</div>
<div id="rb">
</div>
</div>
</div>
<div align="right" style="color: white; padding-right:130px;padding-top: 60px">
طراحی وب سایت توسط
<a href='http://www.netset.ir'>امواج گستر نوین
</a>
</div>
</div>
</body>
</html>

ehsan_savadkohi
سه شنبه 18 تیر 1392, 10:32 صبح
برای فعال سازی جاوا اسکریپت بر روی مرورگر خود دستورات زیر را پیروی کنید :

این دستورات برای هر مرورگر بطور جداگانه ذکر شده است

Internet Explorer (6.0)

Select Tools from the top menu.
Choose Internet Options.
Click Security.
Click Custom Level.
Scroll down till you see section labeled Scripting.
Under Active Scripting, select Enable and click OK.

Internet Explorer (7.0)

Select Tools > Internet Options.
Click on the Security tab.
Click the Custom Level button.
Scroll down to the Scripting section.
Select Enable for Active Scripting and Scripting of Java Applets.
Click OK.
Select YES if a box appears to confirm.
Click OK. Close window.
Reload page.

Mozilla Firefox (1.0)

Select Tools from the top menu.
Choose Options.
Choose Web Features from the left navigation bar.
Select the checkbox next to Enable JavaScript and click OK.

Mozilla Firefox (2.x)

Open Firefox.
On the Tools menu, click Options.
Click Content in the Options list.
Under the Content section, check the box next to Enable JavaScript.
Click the Advanced button to open the Advanced JavaScript Options box.
Check the appropriate boxes under Allow scripts to.
Click OK.
Click OK.

Apple Safari (1.0)

Select Safari from the top menu.
Choose Preferences.
Choose Security.
Select the checkbox next to Enable JavaScript.



اگه نشد ...دوباره بگید

بهارجون
سه شنبه 18 تیر 1392, 10:33 صبح
اینم کد css

@CHARSET "windows-1256";
#menuf3 {
top:0px;
position:relative;
font-family:Tahoma;
font-size:1.1em;
top:2px;
border:0px solid rgb(109,108,153);
width:110px;
left:250px;
height:10px;
align:left;
list-style: none;
z-index: 8;
}
#menuf3 li {
float: left;
cursor: pointer;
background-color: #1548;
}
#menuf3 a {
padding:5px;
width:50px;
}
body {
overflow-x: hidden;
overflow-y: hidden;
}
#master{
border:solid;
border-width:thin;
background-image:url("../images/bg.jpg");
border-color:black;
height: 1500px;
width: 1242;
position: relative;
}
#nav li{
display: inline;
list-style-type: none;
padding-right: 20px;
}
#inside{
border:solid;
border-width:thin;
border-color:rgb(255,203,5);
background-color:white;
height:1480;
width:1000;
top:10px;
position: relative;
left: 110px;
}
#header{
border:solid;
border-width:thin;
border-color:rgb(255,203,5);
background-color:black;
height:90;
width:1000;
top:-3px;
position: relative;
left: -1px;
}
#logo{
height:70;
width:185;
top:5px;
position: relative;
left: 720px;
}
#facebook{
border-color: blue;
height:30;
width:370;
top:-30;
position: relative;
left: 25px;
}
#jquery{
background-color:rgb(43,41,42);
height:37;
width:1003;
top:-10px;
position: relative;
left: -2px;
}
#tmenu{
top:-2px;
position:relative;
}
#tmenu2{
top:-2px;
position:relative;
}
#bmenu{
top:-20px;
position:relative;
}
#bmenu2{
top:-20px;
position:relative;
}
#mmenu{
background-color:rgb(43,41,42);
height:37;
width:1003;
top:-19px;
position: relative;
left: -2px;
}
#search{
background-color:rgb(253,194,0);
height:30;
width:310;
top:-1302px;
position: relative;
left: 110px;
}
#lslide{
position: relative;
left:113px;
top:-1318px;
}
#rslide{
position: relative;
left:1101px;
top:-2028px;
}
#bslide{
position: relative;
left:111px;
top:-2028px;
}
#slideshow{
height:350;
width:988;
top:-1677px;
position: relative;
left: 122px;
}
#lslide_en{
position: relative;
left:111px;
top:-1305px;
}
#rslide_en{
position: relative;
left:1101px;
top:-2021px;
}
#bslide_en{
position: relative;
left:111px;
top:-2021px;
}
#slideshow_en{
height:350;
width:988;
top:-1666px;
position: relative;
left: 121px;
}
#marquee{
height:30;
width:988;
top:-1000px;
position: relative;
left: 115px;
}
#content{
border:solid;
border-width:thin;
border-color: rgb(161,161,161);
height:750;
width:720;
top:-2297px;
position: relative;
left: 380px;
}
#header_content{
background-color:rgb(43,41,42);
height:25;
width:722;
top:-1px;
position: relative;
left: -1px;
}
#vote{
border:solid;
border-width:thin;
border-color: rgb(161,161,161);
height:350;
width:254;
top:-2046px;
position: relative;
left: 119px;
}
#header_vote{
background-color:rgb(43,41,42);
height:25;
width:256;
top:-3px;
position: relative;
left: -1px;
}
#webgozar{
border:solid;
border-width:thin;
border-color: rgb(161,161,161);
height:248;
width:254;
top:-2046px;
position: relative;
left: 119px;
}
#header_webgozar{
background-color:rgb(43,41,42);
height:25;
width:256;
top:-3px;
position: relative;
left: -1px;
}
#footer{
color:white;
background-color:rgb(31,31,31);
height:180;
width:1003;
top:-2290px;
position: relative;
left: 110px;
}
#nav {
font-family: cursive;
position: relative;
width: 1000px;
height:20px;
font-size:15px;
font-weight:bold;
color:rgb(255,157,42);
margin: 0;
z-index: 3;
top:-1px;
left: -2px;
}
#nav ul {
list-style-type: none;
}
#nav ul li {
float: right;
position: relative;
}
#nav ul li a {
text-align: center;
border-left:1px solid rgb(255,203,5);
border-spacing:1;
padding:15px;
display:block;
font-style:normal;
color:white;
text-decoration:none;
color:rgb(255,203,5);
height:7px;
top: 10px;
}
#nav ul li a:link {
text-decoration: none;
}
#nav ul li a:visited {
text-decoration: none;
}
#nav ul li a:hover {
text-decoration: none;
}
#nav ul li a:active {
text-decoration: none;
}
#nav ul li ul {
display: none
}
#nav ul li:hover ul {
display: block;
position: absolute;
}
#nav ul li:hover ul li a {
display:block;
background:rgb(66,64,67);
font-color:white;
color:black;
width: 120px;
height:20px;
text-decoration:none;
text-align: center;
border-bottom: 1px solid black;
border-right: none;
}
#nav ul li:hover ul li a:hover {
background:rgb(70,60,19);
color:#fff;
}
#largeImage {
position: absolute;
padding: .5em;
background: #e3e3e3;
border: 1px solid #BFBFBF;
}
a img {
border: none;
}
#master2{
border:solid;
border-width:thin;
background-image:url("../images/bg.jpg");
border-color:black;
height: 620;
width: 1242;
position: relative;
}
#nav2 li{
display: inline;
list-style-type: none;
padding-right: 20px;
}
#inside2{
border:solid;
border-width:thin;
border-color:rgb(255,203,5);
background-color:rgb(211,211,211);
height:530;
width:1000;
top:10px;
position: relative;
left: 110px;
}
#header2{
border:solid;
border-width:thin;
border-color:rgb(255,203,5);
background-color:black;
height:90;
width:1000;
top:-3px;
position: relative;
left: -1px;
}
#logo2{
height:70;
width:185;
top:6px;
position: relative;
left: 720px;
}
#facebook2{
border-color: blue;
height:30;
width:370;
top:-30;
position: relative;
left: 25px;
}
#jquery2{
background-color:rgb(43,41,42);
height:37;
width:1003;
top:-10px;
position: relative;
left: -2px;
}
#mmenu2{
background-color:rgb(43,41,42);
height:37;
width:1003;
top:-19px;
position: relative;
left: -2px;
direction: ltr;
}
#search2{
background-color:rgb(253,194,0);
height:33;
width:310;
top:-380px;
position: relative;
left: 110px;
}
#slideshow2{
height:350;
width:988;
top:90px;
position: relative;
left: -1px;
}
#slideshow3{
height:350;
width:988;
top:-340px;
position: relative;
left: 111px;
}
#news3{
height:343;
width:428;
top:-689;
position: relative;
left:672px;
}
#news{
height:343;
width:428;
top:-260;
position: relative;
left:560px;
}
#lt{
border:solid;
border-color:yellow;
border-width: thin;
height:171;
width: 214;
position: relative;
top:-2px;
left:-2px;
}
#rt{
border:solid;
border-color:navy;
border-width: thin;
height:171;
width: 214;
position: relative;
top:-175px;
left:214px;
}
#lb{
border:solid;
border-color:fuchsia;
border-width: thin;
height:175;
width: 214;
position: relative;
top:-175px;
left:-1px;
}
#rb{
border:solid;
border-color:maroon;
border-width: thin;
height:175;
width: 214;
position: relative;
top:-352px;
left:214px;
}
#nav2 {
font-family: cursive;
position: relative;
width: 1000px;
height:20px;
font-size:15px;
font-weight:bold;
color:rgb(255,157,42);
margin: 0;
direction:ltr;
z-index: 3;
top:-1px;
left: -2px;
}
#nav2 ul {
list-style-type: none;
}
#nav2 ul li {
float: right;
position: relative;
}
#nav2 ul li a {
text-align: center;
border-left:1px solid rgb(255,203,5);
border-spacing:1;
padding:15px;
display:block;
font-style:normal;
color:white;
text-decoration:none;
color:rgb(255,203,5);
height:7px;
top: 10px;
}
#nav2 ul li ul {
display: none
}
#nav2 ul li:hover ul {
display: block;
position: absolute;
}
#nav2 ul li:hover ul li a {
display:block;
background:rgb(66,64,67);
font-color:white;
color:black;
width: 120px;
height:20px;
text-decoration:none;
text-align: center;
border-bottom: 1px solid black;
border-right: none;
}
#nav2 ul li:hover ul li a:hover {
background:rgb(70,60,19);
color:#fff;
}
#nav3 {
font-family: cursive;
position: relative;
width: 1000px;
height:20px;
font-size:15px;
font-weight:bold;
color:rgb(255,157,42);
margin: 0;
direction:ltr;
z-index: 5;
top:-1px;
right:399px;
}
#nav3 ul {
list-style-type: none;
}
#nav3 ul li {
float: right;
position: relative;
}
#nav3 ul li a {
text-align: center;
border-left:1px solid rgb(255,203,5);
border-spacing:1;
padding:15px;
display:block;
font-style:normal;
color:white;
text-decoration:none;
color:rgb(255,203,5);
height:7px;
top: 10px;
}
#nav3 ul li ul {
display: none
}
#nav3 ul li:hover ul {
display: block;
position: absolute;
}
#nav3 ul li:hover ul li a {
display:block;
background:rgb(66,64,67);
font-color:white;
color:black;
width: 120px;
height:20px;
text-decoration:none;
text-align: center;
border-bottom: 1px solid black;
border-right: none;
}
#nav3 ul li:hover ul li a:hover {
background:rgb(70,60,19);
color:#fff;
}
#samane {
position: relative;
background-color:rgb(255,203,5);
width: 394px;
bottom: 50px;
left: -6%;
height: 22px;
font-family: fantasy;
}
#log {
padding-top: 10px;
background-image: url(../images/fff.gif);
padding: 20px;
position: relative;
border: 2px groove;
border-color: #999;
width: 350px;
height: 180px;
bottom: -60px;
left: 23%;
}
.ii {
width: 100px;
height: auto;
}
.clicked {
width: 300;
}
form #contactForm, .statusMessage, input[type="submit"], input[type="button"] {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
#contactForm, .statusMessage {
color: #666;
background-color: #ebedf2;
background: -webkit-gradient( linear, left bottom, left top, color-stop(0,#dfe1e5), color-stop(1, #ebedf2) );
background: -moz-linear-gradient( center bottom, #dfe1e5 0%, #ebedf2 100% );
border: 1px solid #aaa;
-moz-box-shadow: 0 0 1em rgba(0, 0, 0, .5);
-webkit-box-shadow: 0 0 1em rgba(0, 0, 0, .5);
box-shadow: 0 0 1em rgba(0, 0, 0, .5);
opacity: .95;
}
#contactForm {
width: 40em;
height: 33em;
padding: 0 1.5em 1.5em 1.5em;
margin: 0 auto;
}
#contactForm.positioned {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin-top: auto;
margin-bottom: auto;
}
.statusMessage {
display: none;
margin: auto;
width: 30em;
height: 2em;
padding: 1.5em;
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.statusMessage p {
text-align: center;
margin: 0;
padding: 0;
}
#contactForm h2 {
font-size: 2em;
font-style: italic;
letter-spacing: .05em;
margin: 0 0 1em -.75em;
padding: 1em;
width: 16.5em;
color:rgb(255,203,1);
background: #dfe0e5 url('images/stamp.jpg') no-repeat 15em -3em; /* http://morguefile.com/archive/display/606433 */
border-bottom: 1px solid #aaa;
-moz-border-radius: 10px 10px 0 0;
-webkit-border-radius: 10px 10px 0 0;
border-radius: 10px 10px 0 0;
}
#contactForm ul {
list-style: none;
margin: 0;
padding: 0;
}
#contactForm ul li {
margin: .9em 0 0 0;
padding: 0;
}
#contactForm input, #contactForm label {
line-height: 1em;
}
form label {
display: marker;
float: right;
clear: right;
text-align: right;
width: 28%;
padding: .4em 0 0 0;
margin: .15em 0 0 .5em;
font-weight: bold;
}
.dialog
{
background: #EEE;
border:1px solid #000000;
}
form textarea {
height: 16em;
line-height: 1.5em;
resize: none;
text-align: right;
}
#contactForm *:focus {
border: 1px solid #66f;
outline: none;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
}
input:valid, textarea:valid {
background: #fafad2;
}
#senderEmail:focus {
text-align: left;
direction: ltr;
}
form input[type="submit"], input[type="button"] {
float: left;
margin: 2em 1em 0 1em;
width: 8em;
padding: .3em;
border: 1px solid #666;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
-moz-box-shadow: 0 0 .5em rgba(0, 0, 0, .8);
-webkit-box-shadow: 0 0 .5em rgba(0, 0, 0, .8);
box-shadow: 0 0 .5em rgba(0, 0, 0, .8);
color: #fff;
background:rgb(255,203,1);
font-size: 1em;
line-height: 1em;
font-weight: bold;
opacity: .7;
-webkit-appearance: none;
-moz-transition: opacity .5s;
-webkit-transition: opacity .5s;
-o-transition: opacity .5s;
transition: opacity .5s;
}
form input[type="submit"]:hover,
input[type="submit"]:active,
input[type="button"]:hover,
input[type="button"]:active {
cursor: pointer;
opacity: 1;
}
form input[type="submit"]:active, input[type="button"]:active {
color: #333;
background: #eee;
-moz-box-shadow: 0 0 .5em rgba(0, 0, 0, .8) inset;
-webkit-box-shadow: 0 0 .5em rgba(0, 0, 0, .8) inset;
box-shadow: 0 0 .5em rgba(0, 0, 0, .8) inset;
}
form input[type="button"] {
background: #f33;
}
.wideBox {
clear: both;
text-align: center;
margin: 70px;
padding: 10px;
background: #ebedf2;
border: 1px solid #333;
}
.wideBox h1 {
font-weight: bold;
margin: 20px;
color: #666;
font-size: 1.5em;
direction: rtl;
}
.wideBox h2 {
direction: rtl;
}
</style>
<!-- Some IE7 hacks and workarounds -->
<!--[if lt IE 8]>
<style>
/* IE7 needs the fields to be floated as well as the labels */
form input, textarea {
float: right;
}
#formButtons {
clear: both;
}
/*
IE7 needs an ickier approach to vertical/horizontal centring with fixed positioning.
The negative margins are half the element's width/height.
*/
#contactForm.positioned, .statusMessage {
left: 50%;
top: 50%;
}
#contactForm.positioned {
margin-left: -20em;
margin-top: -16.5em;
}
.statusMessage {
margin-left: -15em;
margin-top: -1em;
}
#largeImage {
position: absolute;
padding: .5em;
background: #e3e3e3;
border: 1px solid #BFBFBF;
}
a img {
border: none;
}
#menuf2 {
position:relative;
font-family:Tahoma;
font-size:1.1em;
bottom:0px;
border:0px solid rgb(109,108,153);
width:150px;
left:100px;
height:10px;
align:left;
list-style: none;
}
#menuf2 li {
float: left;
cursor: pointer;
background-color: #1548;
}
#menuf2 a {
padding:7px;
width:55px;
}
.tooltip {
display: none;
position: absolute;
border: 1px solid #333;
background-color: black;
color:rgb(255,203,5);
font-weight:bold;
padding: 4px 6px;
direction: rtl;
}

بهارجون
سه شنبه 18 تیر 1392, 10:37 صبح
من از IE10 استفاده میکنم script java applet فعال بود ولی درست کار نمیکنه

irwebdesign
سه شنبه 18 تیر 1392, 10:40 صبح
اگه کد های css استاندارد باشه هیچ مشکلی در هیچ مرورگری ایجاد نمیشه پیشنهاد من اینه که به هیچ وجه کدها رو کپی نکنید فقط کد هایی که تو سایت ها هست رو ببینید و سعی کنید شبیه سازی کنید...

اگه مشکل شما خیلی جزئی هستش خوب میتونید واسه مرور گرهای خاص دستورات خاصی رو بنویسید که مشکل حل بشه این صفحه رو ببینید :

http://www.irwebdesign.ir/%d8%b1%d9%81%d8%b9-%d9%85%d8%b4%da%a9%d9%84-cross-browser-%d8%a8%d9%88%d8%b3%db%8c%d9%84%d9%87-%db%8c-php/

بهارجون
سه شنبه 18 تیر 1392, 11:04 صبح
مشکلم حل نشد لطفا کمکم کنید

بهارجون
سه شنبه 18 تیر 1392, 12:01 عصر
یعنی کسی نیست کمک کنه؟:گریه:

qartalonline
سه شنبه 18 تیر 1392, 12:28 عصر
شما باید از زمان شروع طراحی ، طرح خودتون رو تو مرورگرهای مختلف چک میکردین اینجوری راحت تر اشکالات برطرف میشد . به نظرم از اول طراحی کنید بهتره به مشکلی هم برخوردید دز قسمت طراحی مشکلتون رو مطرح کنید.
در غیر اینصورت به پونیشا (http://ponisha.ir/) مراجع کنید.

alifaraji
سه شنبه 18 تیر 1392, 12:32 عصر
اولا مرورگر اینترنت اکسپلورر که اصلا مرورگر به حساب نمیاد:لبخند:

IE از سی اس اس 3 پشتیبانی نمیکنه.

شما میتونید کد های خاصی برای مرورگر IE بزارید.


<!--[if IE]>هرچی اینجا قرار بگیره فقط در اکسپلورر عمل میکنه<![endif]-->

میتونید یه alert بزارید که به کاربر بگه که مرورگرش رو عوض کنه.

alifaraji
سه شنبه 18 تیر 1392, 12:33 عصر
تو head قالب بزارید

navid3d_69
سه شنبه 18 تیر 1392, 15:37 عصر
بهتر هست طراحی ها رو با Bootstrap انجام بدین هم سریع هست هم امکانات بیشتری داره و این مشکلات هم کمتر هست

http://www.getbootstrap.com/

بهارجون
چهارشنبه 19 تیر 1392, 08:40 صبح
میشه نحوه کار با bootstrap رو توضیح بدین؟

masato
چهارشنبه 19 تیر 1392, 20:03 عصر
انجمن فارسیش هست میتون کمکتون کنه

navid3d_69
پنج شنبه 20 تیر 1392, 01:21 صبح
bootstrap یک فریمورک css هست که شما می تونین راحت تر و سریع تر طراحی کنید و خیلی زیبا تر و با استاندارد های روز حتی توی سایت آپارات آموزش های فارسی و تصویری این فریمورک هست