مشکل وسط چین نشدن div ها در I.E [بایگانی]

View Full Version : مشکل وسط چین نشدن div ها در I.E

sylverstar

پنج شنبه 17 فروردین 1391, 21:56 عصر

hamid_shrk

پنج شنبه 17 فروردین 1391, 22:00 عصر

اون دستوری که گذاشتید باعث میشه دیو وسط صفحه قرار بگیره و تو Ie هم کار میکنه اما برای وسط چین کردن محتویات دیو باید text-align:right; بذارید

sylverstar

پنج شنبه 17 فروردین 1391, 23:08 عصر

دوست عزیز. شما تست کنید. روی ie کار نمیده و تمام دایوهایی که اینجوری وسط قرار گرفته اند میروند به سمت default.
:ناراحت: i.e ویندوز 7 هم هست!!

cyrusthegreat

پنج شنبه 17 فروردین 1391, 23:13 عصر

دوست عزیز

شما برای دایو والد این دایو، طول تعیین کردید؟؟؟

sylverstar

جمعه 18 فروردین 1391, 00:34 صبح

سلام. خیر والد طول و عرض ندارد. البه الان عدد هم به وادش دادم فرقی نکرد. این مثال:
هر کاری کردم تو ie نمی ره وسط:اشتباه:
w3.org کشک :اشتباه:

بخش استایل
#div1{
margin: 10px;
padding:20;
border:2px solid blue;
background-color: orange;
}
#dive2{
padding:0;
border:2px dotted blue;
width:350px;
height:200px;
margin:0 auto
}

بخش کد

<html>
<head>
<meta http-equiv="Content-Language" content="en-us">
<link rel="stylesheet" type="text/css" href="test.css"><link>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>New Page 1</title>
</head>

<body>
<div id="div1">
<div id="dive2">hi there</div>
</div>
</body>
</html>

hamid_shrk

جمعه 18 فروردین 1391, 00:54 صبح

من همین کد شما رو تو تمام نسخه های Ie امتجان کردم بدون مشکا بود!!!

bade saba

جمعه 18 فروردین 1391, 01:57 صبح

این کدهای css موجب وسط چین شدن میشن اما شما فایل css ات رو به درستی به پیجش link نکرده برای همین تغییراتی که باید اعمال بشه اعمال نمیشه

این خط به نظر شما درسته؟؟؟

<link rel="stylesheet" type="text/css" href="test.css"><link>

اینجوری باید بنویسی

<link rel="stylesheet" type="text/css" href="test.css" />

موفق باشید

p.parsaee

جمعه 18 فروردین 1391, 02:11 صبح

سلام.
مقداری گشتم ولی جوابی پیدا نکردم. تمام راهنمایی ها در ie کار نکرد. اگر تاپیک تکراری هست ببخشید.:اشتباه:
من چجوری میتونم یک div را در اینترنت اکسپلورر وسط چین کنم. انگار کد margin:0 auto را نمی فهمه؟

سلام، فرض كنيد كد html زير را داشته باشيم:

<html>
<head>
.
.
.
</head>

<body>
<id="div1" div>
.
.
.
</div>
</body>

</html>

همون جوري كه گفتيد توي مرورگرهاي به غير از اينترنت اكسپلورر با نوشتن كد زير مشكل حل ميشه.

margin: 0px auto;

اما بايد كدي بنويسيد كه مخصوص اينترنت اكسپلورر باشه. و اون كد هم اينه:

body {text-align: center;}
#div1 {text-align: right;}

khanlo.javid

جمعه 18 فروردین 1391, 09:38 صبح

دوست گرامی از کد زیر استفاده کن تو استایل هات:

margin:auto;padding:0px

امید وارم جواب بگیری.

sylverstar

شنبه 19 فروردین 1391, 10:31 صبح

من همین کد شما رو تو تمام نسخه های Ie امتجان کردم بدون مشکا بود!!!
باورت میشه در i.e من دایو میره میچسبه به سمت چپ! نسخه i.e من 9.6.7601.1.17514 هست که روی 7 قرار داره.

این کدهای css موجب وسط چین شدن میشن اما شما فایل css ات رو به درستی به پیجش link نکرده برای همین تغییراتی که باید اعمال بشه اعمال نمیشه

این خط به نظر شما درسته؟؟؟

<link rel="stylesheet" type="text/css" href="test.css"><link>

اینجوری باید بنویسی

<link rel="stylesheet" type="text/css" href="test.css" />

موفق باشید
ممنون. من او تکه کد بالا را را همین جوری نمونه نوشتم و اشتباه داشت. تو کد اصلی سینتکس مثل کد شما است. این هم از ضعفهای افرادی مثل من است که از ویراستر های auto-tag complete استفاده میکنند.:لبخندساده:

دوست گرامی از کد زیر استفاده کن تو استایل هات:

اما بايد كدي بنويسيد كه مخصوص اينترنت اكسپلورر باشه. و اون كد هم اينه:
body {text-align: center;}
#div1 {text-align: right;}

کد بالا موفق بود.

دوستان عزیز اگر pdf یا منبعی سراغ دارند که آموزش css با ذکر چنین استثتا هایی داخلش باشه لطفا لینک بدهند.