ورود

View Full Version : سوال: هماهنگی css در مرورگرهای مختلف


مجتبی نکونام
پنج شنبه 27 اسفند 1394, 06:19 صبح
سلام
اگه راهنمایی بفرمائید که چطور میتونم یه هماهنگی در نمایش Css سایتم در مرورگرها داشته باشم ممنون میشم .
مثلا من یک منو در سایت تعریف کردم و Css اونرو با استفاده از Dreamweaver طراحی کردم و خود نرم افزار جاهایی که لازم بوده
نوع مرورگر رو تعریف کرده که web-kit هست یا o یا غیره
اما توی Firefox درست نمایش داده میشه ولی تو chrome مثلا فونت رو نمیشناسه و یا اندازه هارو درست انجام نمیده.
1- آیا بنظر شما راهی برای ایجاد هماهنگی هست یا خیر ؟
2 - برای طراحی Css نرم افزار بهتری هست که همزمان تغییرات رو نشون بده ؟

با تشکر
سعید کشاورز
پنج شنبه 27 اسفند 1394, 06:23 صبح
سلام
شما باید از CSS Reset استفاده کنی
از این استفاده کن ببین مشکلت حل میشه یا نه

https://necolas.github.io/normalize.css/
مجتبی نکونام
پنج شنبه 27 اسفند 1394, 06:45 صبح
سلام
شما باید از CSS Reset استفاده کنی
از این استفاده کن ببین مشکلت حل میشه یا نه

https://necolas.github.io/normalize.css/
با تشکر از راهنماییتون
من آدرس بالا رو چک کردم ولی چیزی متوجه نشدم .
انگار این یه css دیگه تعریف کرده !!!
این چی هست و چطور باید ازش استفاده کنم ؟
سعید کشاورز
پنج شنبه 27 اسفند 1394, 08:06 صبح
این فایل سی اس اس هستش که به اصطلاح میگن CSS RESET
مثال میزنم برات
به صورت پیش فرض مثلا توی فایر فاکس لیست های ul از سمت راست 20px فاصله دارن
اما این توی کروم ممکنه 30px باشه
حالا اینجا باعث میشه ظاهر سایت شما توی مروگرهای مختلف فرق بکنه
این فایلی که معرفی کردم میاد تمام استایل های صفحه رو یه مقدار میکنه
چه توی فایرفاکس چه کروم یا هر مرورگر دیگه ای
فقط کافیه دانلودش کنی و توی قالب سایتت استفاده کنی
Beginner Programmer
پنج شنبه 27 اسفند 1394, 08:31 صبح
css reset با normilize.css فرق نداره مگه؟
سعید کشاورز
پنج شنبه 27 اسفند 1394, 09:49 صبح
css reset با normilize.css فرق نداره مگه؟
CSS reset اسمشه...معروفترینش همینه که معرفی کردم
CSS reset های مختلفی وجود داره
به نظرم این خوبه من همیشه از این استفاده میکنم
مجتبی نکونام
دوشنبه 02 فروردین 1395, 11:51 صبح
این فایل سی اس اس هستش که به اصطلاح میگن CSS RESET
مثال میزنم برات
به صورت پیش فرض مثلا توی فایر فاکس لیست های ul از سمت راست 20px فاصله دارن
اما این توی کروم ممکنه 30px باشه
حالا اینجا باعث میشه ظاهر سایت شما توی مروگرهای مختلف فرق بکنه
این فایلی که معرفی کردم میاد تمام استایل های صفحه رو یه مقدار میکنه
چه توی فایرفاکس چه کروم یا هر مرورگر دیگه ای
فقط کافیه دانلودش کنی و توی قالب سایتت استفاده کنی
با سلام و تبریک سال نو خدمت شما دوست گرامی
بنده از normalize هم استفاده کردم اما باز هم مثل تصویر زیر تو
سه تا مرورگر مختلف نمایش داده میشه .
یعنی تو chrome و IE یکسان هست اما تو Firefox با تغییرات
139672
نظر شما چیه و باید چه کاری انجام داد ؟
سعید کشاورز
دوشنبه 02 فروردین 1395, 12:37 عصر
سلام
سال نو شما هم مبارک
اگه بتونی یه دموی آنلاین قرار بدی بهتر میشه راهنمایی کرد
مجتبی نکونام
دوشنبه 02 فروردین 1395, 13:03 عصر
سلام
سال نو شما هم مبارک
اگه بتونی یه دموی آنلاین قرار بدی بهتر میشه راهنمایی کرداین کد صفحه اصلی هست :
کد زیر مربوط به صفحه اصلی هست :

<!doctype html>
<html>
<head>
<title>حراجی</title>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="style/normalize.css" />
</head>


<body dir="rtl">
<br>
<div id="header">
<div id="login">login
</div>
<div id="header_title1"><h1>حراجی
</h1></div>
</div>
<?php
include("menubar.php");
?>
<br>
<div id="content">
<div id="content_l"></div>
<div id="content_c"></div>
<div id="content_r"></div>
</div>
<br>
<?php
include("footer.php");
?>
<br/>
</body>
</html>


کد زیر مربوط به menubar.php هست:

<head>
<title>حراجی</title>
<meta charset="utf-8">
</head>


<div class="menubar">
<a class="menubar_a" href="index.php">صفحه اصلی</a>
<a class="menubar_a" href="members.php">عضویت</a>
<a class="menubar_a" href="#">تماس با ما</a>
</div>

و کد زیر هم مربوط به footer.php هست.

<head>
<title>حراجی</title>
<meta charset="utf-8">
</head>


<div id="footer">
<center><p><a href="index.html">صفحه اصلی</a> | <a href="members.html">اعضاء</a></p></center>
<center><p><br>Copyright &copy; Harajiha | HTML5 | CSS | design from Harajiha.co.ir</p></center>


</div>


و فایل normalize رو هم از لینکی که شما دادین دانلود کردم که ورژن 4 بود.