گرد کردن div در مرورگر اکسپلورر

گرد کردن div در مرورگر اکسپلورر <br/> خیلی از افراد در مورد این مشکل برخی مواقع بهم پیام میدن . خیلی از طراحان وب هم که تجربه ی بالایی دارن با این موضوع آشنایی ندارند. وقتی میان با دستورات css دیو رو گرد میکنند می بینن که مرورگر اکسپلورر از این دستورات پشتیبانی نمیکنه.

خیلی از افراد در مورد این مشکل برخی مواقع بهم پیام میدن . خیلی از طراحان وب هم که تجربه ی بالایی دارن با این موضوع آشنایی ندارند. وقتی میان با دستورات css دیو رو گرد میکنند می بینن که مرورگر اکسپلورر از این دستورات پشتیبانی نمیکنه. پس بیخیالش میشن یا باهاش میسازن.

ولی این مشکل یه راه حل داره اونم استفاده از فایل PIE . بعضی افراد هم هستند که درست از این فایل استفاده نمیکنن. اینو بگم که شما نمی تونی این فایل رو بذاری روی هاست سایتت بعد آدرسش رو بدی به قالب وبلاگت. باید اگه روی یک سایتی آپلود میکنی روی همون سایت هم ازش استفاده کنی.

نکته:فقط دقت کنید که فایل PIE شما باید حجمش 40 کیلو باید باشه - در همین مقاله ضمیمه شده است

<html> <head> <title>ravandi</title> <style type="text/css"> .asli{ width:500px; height:50px; background:#DCDEED; border-radius:5px; behavior: url('PIE.htc'); } </style> </head> <body> <div align="center"> <div class="asli"> </div> </div> </body> </html>

برای اینکه div شما بیشتر گرد بشه شما میای و مقدار border رو بیشتر میکنی. مثلاً:

border-radius:15px;

شما حتی می تونید برای text و دکمه هم این کار رو انجام بدید:

<html> <head> <title>ravandi</title> <style type="text/css"> input{ border-radius:15px; behavior: url('PIE.htc'); } </style> </head> <body> <div align="center"> <form method="POST"> <input type="text" dir="rtl" name="name"> <input type="submit" value="ارسال"> </div> </body> </html>

موفق و پیروز باشید

فایل های ضمیمه

PIE.zip

مرجع تخصصی برنامه نویسان

انجمن تخصصی برنامه نویسان فارسی زبان

دوره های در حال ثبت نام آکادمی برنامه نویسان

گرد کردن div در مرورگر اکسپلورر

فایل های ضمیمه

ایمان مدائنی

اگر نیاز به یک مشاور در زمینه طراحی سایت ، برنامه نویسی و بازاریابی الکترونیکی دارید