سلام دوستان ی صفحه دارم ک تو مروگر فایر فاکس تمام استایلاش بهم میخوره و فیلدا بهم میچسبن طوری ک تمام مارجین های ک دادم از بین میره مشکل چی میتونه باش؟
رتبه موضوع:
|
بهم خوردن استایل صفحه در مروگرفایرفاکس
|
|
11-07-1395، 01:21 ب.ظ
احیاناً انتظار که ندارین بدون دیدن کدها یا لینک سایت بتونیم قضاوت کنیم؟
11-07-1395، 05:48 ب.ظ
 <?php
include "../../funcs/connect.php";
include "../../funcs/jdf.php";
if($_SESSION["admin-login"]!=1)
{
header("location:../../index.php");
exit;
}
$date = jdate('Y/n/j', '', '', '', 'en');
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="../../css/bootstrap.css" rel="stylesheet">
<link href="../../css/bootstrap-3.2.rtl.css" rel="stylesheet">
<link rel="stylesheet" href="../../css/js-persian-cal.css">
<link href="../../css/iframe.css" rel="stylesheet">
<script src="../../js/js-persian-cal.min.js"></script>
<link href="../../css/main1.css" rel="stylesheet">
<script src="../../js/jquery-1.11.1.min.js"></script>
<script src="../../js/bootstrap.js"></script>
<title></title>
<style type="text/css">
body {
font-family: "yekan";
background-color: #373B44;
color: #FFFFFF;
overflow-x: hidden;
font-size: 16px;
}
input[type=text]
{
color: #000000;
}
.mrr{
margin-right: -40px;
}
.mrl{
margin-left: 40px;
}
input[type=text], textarea {
-webkit-transition: all 0.30s ease-in-out;
-moz-transition: all 0.30s ease-in-out;
-ms-transition: all 0.30s ease-in-out;
-o-transition: all 0.30s ease-in-out;
outline: none;
padding: 3px 0px 3px 3px;
margin: 5px 1px 3px 0px;
border: 1px solid #DDDDDD;
}
input[type=text]:focus, textarea:focus {
box-shadow: 0 0 5px rgb(238, 76, 31);
padding: 3px 0px 3px 3px;
margin: 5px 1px 3px 0px;
border: 4px solid rgb(238, 128, 139);
}
input,textarea,select{
background-color:#89cc64;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: #8912ff;
}
::-moz-placeholder { /* Firefox 19+ */
color: #8912ff;
}
:-ms-input-placeholder { /* IE 10+ */
color: #8912ff;
}
:-moz-placeholder { /* Firefox 18- */
color: #8912ff;
}
.mrrf {
margin-right: -20px;
}
.mrra{
margin-right: -57px;
}
.space{
margin-top: 70px;
}
select {
-webkit-transition: all 0.30s ease-in-out;
-moz-transition: all 0.30s ease-in-out;
-ms-transition: all 0.30s ease-in-out;
-o-transition: all 0.30s ease-in-out;
outline: none;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
border: 1px solid #DDDDDD;
}
select:focus{
box-shadow: 0 0 5px rgb(238, 76, 31);
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
border: 4px solid rgb(238, 128, 139);
}
</style>
<script>
document.addEventListener("DOMContentLoaded", function() {
var elements = document.getElementsByTagName("INPUT");
for (var i = 0; i < elements.length; i++) {
elements[i].oninvalid = function(e) {
e.target.setCustomValidity("");
if (!e.target.validity.valid) {
e.target.setCustomValidity("کادر خالیست");
}
};
elements[i].oninput = function(e) {
e.target.setCustomValidity("");
};
}
})
</script>
</head>
<body>
<div class="container-fluid">
<form action="check-insert-modem.php" method="post">
<div class="row">
<div class="col-xs-2 col-sm-2 col-md-2 col-lg-2 text-center">ورودی مودم</div>
<div class="col-xs-2 col-sm-2 col-md-2 col-lg-2 text-center mrr">شماره اموال</div>
<div class="col-xs-2 col-sm-2 col-md-2 col-lg-2 text-center mrr">تحویل گیرنده</div>
<div class="col-xs-2 col-sm-2 col-md-2 col-lg-2 text-center mrr">تاریخ خروچ</div>
<div class="col-xs-2 col-sm-2 col-md-2 col-lg-2 text-center mrr">ارائه دهنده اینترنت</div>
<div class="col-xs-2 col-sm-2 col-md-2 col-lg-2 text-center mrr">شهر</div>
</div>
<div class="row">
<div class="col-xs-2 col-sm-2 col-md-2 col-lg-2">
<input type="text" name="modem" placeholder="مودم را وارد نمایید" size="25" autofocus required>
</div>
<div class="col-xs-2 col-sm-2 col-md-2 col-lg-2 mrr">
<input type="text" name="namval" placeholder="شماره اموال را وارد نمایید" size="25" required>
</div>
<div class="col-xs-2 col-sm-2 col-md-2 col-lg-2 mrr">
<select name="tahvil" style="color: #000000;height: 36px;width: 195px">
<option value=""></option>
<option value="مسئول فنی">مسئول فنی</option>
</select>
</div>
<div class="col-xs-2 col-sm-2 col-md-2 col-lg-2 mrr">
<input type="text" id="pcal1" class="pdate valid" name="tarikhk" placeholder=" تاریخ خروج را وارد نماید" size="25" required value="<?php echo $date ?>" style="background-color:#89cc64;">
<input type="hidden" name="extra" id="extra" />
</div>
<div class="col-xs-2 col-sm-2 col-md-2 col-lg-2">
<input type="text" name="isp" placeholder="ارائه دهنده را وارد نمایید" size="20" required value="<?php echo "آسیاتک";?>">
</div>
<div class="col-xs-2 col-sm-2 col-md-2 col-lg-2 mrr">
<select name="shahr" style="color: #000000;height: 36px;width: 195px;margin-right: -35px;" >
<option value=""></option>
<option value="X" >x</option>
<option value="y">y</option>
</select>
</div>
</div>
<div class="row">
<div class="space"></div>
</div>
<div class="row">
<div class="col-xs-2 col-sm-2 col-md-2 col-lg-2 text-center">پروژه</div>
<div class="col-xs-2 col-sm-2 col-md-2 col-lg-2 text-center mrr">صاحب حساب</div>
<div class="col-xs-2 col-sm-2 col-md-2 col-lg-2 text-center mrr">ترمینال</div>
<div class="col-xs-2 col-sm-2 col-md-2 col-lg-2 text-center mrr">فروشگاه</div>
<div class="col-xs-2 col-sm-2 col-md-2 col-lg-2 text-center mrrf ">وضعیت</div>
<div class="col-xs-2 col-sm-2 col-md-2 col-lg-2 text-center mrra">انبار</div>
</div>
<div class="row">
<div class="col-xs-2 col-sm-2 col-md-2 col-lg-2">
<select name="poroje" style="color: #000000;height: 36px;width: 195px" >
<option value=""></option>
<option value="X" >x</option>
<option value="y">y</option>
</select>
</div>
<div class="col-xs-2 col-sm-2 col-md-2 col-lg-2 mrr">
<input type="text" name="hesab" placeholder="صاحب حساب را وارد نمایید" size="25">
</div>
<div class="col-xs-2 col-sm-2 col-md-2 col-lg-2 mrr">
<input type="text" name="terminal" placeholder="ترمینال را وارد نمایید" size="25">
</div>
<div class="col-xs-2 col-sm-2 col-md-2 col-lg-2 mrr">
<input type="text" name="foroshgah" placeholder="فروشگاه را وارد نمایید" size="25">
</div>
<div class="col-xs-2 col-sm-2 col-md-2 col-lg-2 mrrf ">
<select name="flag" style="color: #000000;height: 36px;width: 179px" >
<option value=""></option>
<option value="نصب شده" >نصب شده</option>
<option value="تعویض شده">تعویض شده</option>
<option value="جمع آوری">جمع آوری</option>
</select>
</div>
<div class="col-xs-2 col-sm-2 col-md-2 col-lg-2 mrra">
<input type="text" name="anbar" placeholder="انبار را وارد نمایید" size="25">
</div>
</div>
<div class="row">
<center>
<div class="col-xs-2 col-sm-2 col-md-2 col-lg-2 col-xs-offset-5 col-sm-offset-5 col-md-offset-5 col-lg-offset-5">
<br/>
<input type="submit" class="btn btn-success" name="btn" value="ثبت مودم" />
</div>
</center>
</div>
</form>
</div>
<script>
var objCal1 = new AMIB.persianCalendar( 'pcal1',
{ extraInputID: "extra", extraInputFormat: "YYYY-MM-DD" }
);
</script>
</body>
</html>
11-07-1395، 07:56 ب.ظ
یه موضوعی هست به اسم CORS که باعث میشه استایل‌ها از پوشه‌های بالاتر از ریشه همون دامنه و یا از سایر ساب‌دامین‌ها و یا حتی سایر سایت‌ها بارگذاری نشن. مرورگر فایرفاکس بطور پیشفرض این رو فعال کرده. درمورد غیرفعال‌کردن CORS ازطریق htaccess. یا دستورات هدر در PHP تحقیق کنید.
تشکر شده توسط: keshvari
13-07-1395، 01:18 ب.ظ
من از بوت استرپ استفاده کردم مگ خود بوت استرپ نمیاید مشکل cros browsers رو حل کنه؟
13-07-1395، 02:22 ب.ظ
خیر بوت استرپ هیچ ربطی به CORS نداره. بوت استرپ مشکل Cross Browser رو حل میکنه. CORS یه استاندارد امنیتی در دسترسی به منابع خارجیه که باید ازطریق هدرهایی که ازطریق سرور ارسال میشه مدیریت بشه.
تشکر شده توسط: keshvari
14-07-1395، 03:05 ب.ظ
ییخشید من زیاد سوال میپرسم سیستم من روی لوکال ساب دامین یا دامین چیزی وجود نداره فقط مشکلش اینه ک تو مروگر فایر فاکس تمام مارجین های ک دادم بهم میخوره و تموم اون تکست باکس هام میچسبن بهم
15-07-1395، 02:14 ق.ظ
توی FireBug چک کنید خطایی توی پنجره Console نداشته باشین
تشکر شده توسط: keshvari
|
|
|
![[عکس: packages.gif]](http://forum.ncis.ir/images/ads/packages.gif)
کاربران در حال بازدید این موضوع: 3 مهمان