بهینه سازی قالب برای مرورگرهای مختلف

[majid33]

با سلام و خسته نباشید
چطوری میشه یه قالبی رو که طراحی شده برای مرورگرهای مختلف بهینه کرد طوری که در همه مرورگرها به یک صورت نمایش داده بشه
مثلا تکست ها جابجا نشن و مشکلاتی از این دست

[majid33]

از دوستان کسی نظری نداشت ؟

[Reza Ganji]

باید در هنگام نوشتن سی اس اس یا در کل کد نویسی این موارد رو رعایت کرد.
مثلا برای اینکه در اینترنت اکسپلورر شش به مشکل نخوره نباید از مارجین و پدینگ ایستفاده کنید.
برای این سولی که شما کلی پرسیدید کلی جواب هست و باید بدونید چه دستوراتی با مرورگرهای مختلف و ورژن های مختلف اونها سازگار هست.
الان اصلا سایت های تولید قالب شعارشون اینه وقتی مرورگرها رایگان هستند و دارای حجم کم چرا کاربران نباید مرورگرهاشون رو بروزرسانی کنند و از آخرین ورژن استفاده کنند.

[mostafa272]

شما باید اطلاعات کافی در مورد CSS داشته باشید.
تازه این کار به صورت کلی تقریبا غیر ممکنه. یعنی نمیشه کاری کرد که یه قالب با تمام نسخه های قدیمی مرورگرها به یک شکل نمایش داده بشه.
البته نسخه های جدید مرورگرها مشکلات مرورگرهای قدیمی رو ندارند و تقریبا تمامی امکانات جدید CSS2,3 رو همه شون ساپورت میکنند

در هر صورت برای پیدا کردن کدهای CSS برای سازگاری با مرور گرها می تونی تو گوگل
browser Compatiblity رو سرچ کنی

[Zudia]

اولا باید ریسپانسیو باشه
برای اطلاعات بیشتر به اینجا مراجعه نمایید
دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.


ثانیا باید پدر css باشید تا بتونید مشکل رو حل کنید
چون css برا این سبک سایتی که میخاین
واقعا اگه نخاین هم پیچیده میشه
طوری که بهقول معروف مغزتون سوت میکشه
ولی اگه بخای میتونی این کارو بکنی فقط حوصله و مهارت لازم داری....

[majid33]

ممنون از پاسخ هاتون
ببخشید اگر سوالم رو کلی پرسیدم
خودم قالبی طراحی کردم که برای مثال تکست باکس ها تو مرورگرهای مختلف جابجا میشن و سایت تو همه مرورگرها یکسان نمایش داده نمیشه
منظور من این بود که میخوام کاری کنم وقتی سایت با مرورگر IE باز شد فایل css مربوط به اون لود بشه اگر با firefox باز شد css مربوط به اون باز بشه و همینطور برای بقیه مرورگرها

با css آشنایی دارم و میتونم قالب طراحی کنم

[صدرا حسابی]

سلام برای اختصاص دادن کد css به صورت مجزا برای هر مرورگر می تونید از ماژول دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
استفاده کنید، در تب advanced بخش Conditional Style رو از All Browsers به مرورگر دلخواهتون تغییر بدید.

[majid33]

نتونستم دانلودش کنم
ولی من بیشر از طریق کدها مد نظرم بود

[صدرا حسابی]

براتون پیوستش کردم، از طریق کد اگر بخواید در خود html بنویسید می تونید برای ورژن های مختلف IE فایل css جدا بخونید:

کد: (انتخاب همه)

<!--[if IE]>
<link rel="stylesheet" type="text/css" href="includes/myIEGeneralStyle.css" />
<![endif]-->
<!--[if IE 6]>
<link rel="stylesheet" type="text/css" href="includes/myIE6Style.css" />
<![endif]-->
<!--[if IE 7]>
<link rel="stylesheet" type="text/css" href="includes/myIE7Style.css" />
<![endif]-->
<!--[if IE 8]>
<link rel="stylesheet" type="text/css" href="includes/myIE8Style.css" />
<![endif]-->

ولی یکی از بهترین راه ها استفاده از جاوا اسکریپت هست:

کد: (انتخاب همه)

if (BrowserDetect.browser.indexOf("chrome")>-1) {
document.write('<'+'link rel="stylesheet" href="css/chromeCSSStyles.css" />');
} else if (BrowserDetect.browser.indexOf("mozilla")>-1) {
    document.write('<'+'link rel="stylesheet" href="css/mozillaStyles.css" />');
} else if (BrowserDetect.browser.indexOf("explorer")>-1) {
    document.write('<'+'link rel="stylesheet" href="css/explorerStyles.css" />');
}

از طریق php هم می تونید اینکار رو انجام بدید، یکی از پروزه هاش توسط رافائل لیما به نام PHP CSS Browser Selector کار شده که می تونیددیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
ببینید. البته فایلش برداشته الان و تو بسته kirby که متن باز هم هست منتشرش کرده. البته من فایلش رو دارم اگه خواستید بگید براتون می فرستم.

کلا راه برای این کار زیاد هست، ولی اینکه یک وب سایت کاملا یک شکل در همه مرورگرها و ورژن ها مختلفشون یک شکل باز بشه کمی زمان بر هست، مهمترین نکته این هست که سایتتون در تمام مرورگرها و دیوایس ها به راحتی برای کاربر قابل استفاده باشه.

[majid33]

ممنون از راهنمایی های خوبتون
من این کد جاوا اسکریپت رو تو قسمت head اضافه کردم و یه تعداد از فایل css اصلی کپی کردم و به نام های مورد نظر تغییر دادم ولی خطا داد
فایل رو براتون پیوست میکنم ممنونتون میشم یک نگاهی بهش بندازید ببینید کجای کارم اشتباه بوده