desatir7316
پنج شنبه 17 بهمن 1392, 08:33 صبح
سلام
دوستان خسته نباشید
من هر کدی برای تنظیم فاصله ها و مکان عناصر می نویسم توی ie جواب نمی ده ولی توی بقیه مرورگرها مشکلی نداره
مثلا یه نمونش کد زیر:
body {
min-width: 500px;
margin:20px;
border: 1px solid red;
}
فقط رنگ قرمز به اون اعمال میشه، در حالی که توی بقیه مرورگرها همش اعمال میشه
ممنون میشم راهنمایی کنید
mikrob
پنج شنبه 17 بهمن 1392, 10:40 صبح
تو ie مشکلی نداره
desatir7316
پنج شنبه 17 بهمن 1392, 11:33 صبح
شما این رو اجر کنید ببینم جی می بینید؟
<html>
<head>
<style>
body {
width: 500px;
margin:20px auto;
border: 1px solid red;
}
</style>
</head>
<body>
this is a temp text
</body>
</html>
mikrob
پنج شنبه 17 بهمن 1392, 11:45 صبح
دوست عزیز
میشه بگید واسه شما چه جور نمایش میده.
این کروم و ie:
desatir7316
پنج شنبه 17 بهمن 1392, 12:09 عصر
116455
margin که نوشته شده اصلا کار نمی کنه
desatir7316
پنج شنبه 17 بهمن 1392, 12:11 عصر
حالا که واسه شما مشکلی نداره پس احتمالا مشکل از ie من هست، ولی نسخه های دیگه هم قبلا نصب کردم ولی درست نشد
Mr3alaH
پنج شنبه 17 بهمن 1392, 16:26 عصر
سلام دوست عزیز برای اینکه توی همه مرورگر ها یکجور دیده بشه باید از کدهای Css Reset استفاده کنی :
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baselinebaseline; outline: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html { height: 101%; } body { font-size: 62.5%; line-height: 1; font-family: Arial, Tahoma, sans-serif; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } strong { font-weight: bold; } table { border-collapse: collapse; border-spacing: 0; } img { border: 0; max-width: 100%; } p { font-size: 1.2em; line-height: 1.0em; color: #333; }
desatir7316
پنج شنبه 17 بهمن 1392, 17:35 عصر
جواب نداد، در ضمن یه تغیراتی توی خروجی هم توی فایرفاکس داد که اگه بخواد اینجوری باشه که همه چیز رو به هم میریزه این css reset
mikrob
جمعه 18 بهمن 1392, 00:28 صبح
دوست عزیز مشکل از کدته
این کد رو بزار 100% جواب میده:
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style>
body {
width: 500px;
margin:20px auto;
border: 1px solid red;
}
</style>
</head>
<body>
this is a temp text
</body>
</html>
DOCTYPE html!
desatir7316
جمعه 18 بهمن 1392, 01:31 صبح
درست شد
فقط doc type بود دیگه، یا همه قسمت هایی که اضافه کردی لازمن؟
mikrob
جمعه 18 بهمن 1392, 01:35 صبح
درست شد
فقط doc type بود دیگه، یا همه قسمت هایی که اضافه کردی لازمن؟
واجبش همونه، اینای دیگه مستحباتشه!
vBulletin® v4.2.5, Copyright ©2000-1404, Jelsoft Enterprises Ltd.