گرد کردن لبه div و نمایش با همه مرورگرها

[moferferi]

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

تنها راه استفاده از عکسه.(که اصلا به درد نمیخوره)

ایا واقعا راهی نداره که بشه حداقل توی مرورگر اکسپلورر ورژن 7 8 درست نمایش داده بشه.مثل اینکه مشکل با ورژن 9 حل شده.
اما خوب هنوز اکثر کاربرا دارن با ورژن های قدیمی کار میکنن.

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

[faravaghi]

سلام گرامی،
با این کد می تونید لبه DIV رو گرد کنی یک فایل هم پیوست کردم.

#right-content {
min-height:119px;
border:2px solid #974949;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
behavior: url(PIE.htc);
width:100%;
}

فایل پیوست برای مرورگر های IE است.

[moferferi]

تشکر
مشکلم حل شد.
مرجعش را هم پیدا کردم.سایت http://css3pie.com/

[majid784]

دوستان من این کدها رو اضافه کردم. فایل PIE.htc را هم به reference های پروژه اضافه کردم. اما بازم تو IE کار نمیکنه! ضمن این که visual studio زیر border-radius و behavior خط میکشه و میگه اصلا جزء property های css نیست

[Alfred188]

دوستان من این کدها رو اضافه کردم. فایل PIE.htc را هم به reference های پروژه اضافه کردم. اما بازم تو IE کار نمیکنه! ضمن این که visual studio زیر border-radius و behavior خط میکشه و میگه اصلا جزء property های css نیست

درسته كه زيرشون خط مي كشه ولي معمولا بعد اجرا كار مي كنه!

[majid784]

ولی به هرحال اجرا نکرد!

[ravand]

سلام گرامی،
با این کد می تونید لبه DIV رو گرد کنی یک فایل هم پیوست کردم.

#right-content {
min-height:119px;
border:2px solid #974949;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
behavior: url(PIE.htc);
width:100%;
}

فایل پیوست برای مرورگر های IE است.

ببخشيد اين كدي كه شما گذاشتي به همه ي مرورگر ها حتي نسخه هاي پايين هم سازگار هست؟

[Alfred188]

ولی به هرحال اجرا نکرد!

شما سایتتون رو آپلود کردید؟
من هم تا وقتی صفحه رو آپ نکردم این خاصیت فقط تو fire fox جواب می ده ولی بعد آپ کردن تو IE هم جواب می ده!

[majid784]

شما سایتتون رو آپلود کردید؟
من هم تا وقتی صفحه رو آپ نکردم این خاصیت فقط تو fire fox جواب می ده ولی بعد آپ کردن تو IE هم جواب می ده!
نه آپلود نکردم! کلا این تفاوت اجرا تو فایرفاکس و IE داره کله منو میکنه!

[faravaghi]

سلام،
آره قربونت سازگاره.
فقط آدرس دهی فایل را PIE.htc درست تنظیم کنید.

[majid784]

آره قربونت سازگاره.
فقط آدرس دهی فایل را PIE.htc درست تنظیم کنید.من این دستور
behavior: url(~/PIE.htc); رو نوشتم. فایلش روهم به reference هام اضافه کردم. اما تو IE کار نمیکنه. آیا کاراضافه تری باید انجام بدم؟ آیا این فایل باید تو پوشه خاصی قرار بگیره؟

[faravaghi]

سلام،
با مرورگری که دارید یه سری به سایتی (http://css3pie.com/) که دوستمون گفت بزنید.
اگه جواب داد خوب اینم که من گفتم همونه دیگه.

[Saber Mogaddas]

درسته كه زيرشون خط مي كشه ولي معمولا بعد اجرا كار مي كنه!
سلام
زیرش خط می کشه و یا error میده بخاطر اینکه شما در css 2.1 دارید کد های css3 رو مینو یسید و اجرا هم میشه ..
ولی توجه کنید که با این کار نمی تونید css Valid بگیرید..و استاندارد نیست..
موفق باشید..

[bftarane]

سلام دوست گرامی.
من با ie 6 سایت خودم رو امتحان کردم جواب داد به این نحو که position رو relative قرار دادم. امیدوارم نتیجه بده.

[ghanavati_m]

سلام دوست عزیز
البته با jQuery هم میتونی این کار ور بهتر انجام بدی و خیالتم راحت باشه که مشکلی در هیچ مرورگری پیش نمیاد
کلمه corner رو سرچ کن متوجه میشی:-)

[ravand]

اين روش با مرورگر اكسپلورر مشكل داره اين سايت خبري هم براي پايين جداول سمت راست سايتش از اين روش استفاده كرده ولي با اكسپلورر سازگار نيست!
http://www.irwebnews.com/
http://www.irwebnews.com/wp-content/themes/pika/PIE.htc
مثل اينكه بازم مجبوريم از عكس استفاده كنيم :لبخند:

[moferferi]

شک نکن که با اکسپلورر هم سازگاره
من توی ie 6 7 8 چک کردم.درسته.فکر کنم فایل PIE.htc را درست ادرس دهی نکردی

کد css
.mydiv{
border: 1px solid #696;
padding: 60px 0;
text-align: center; width: 200px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
-webkit-box-shadow: #666 0px 2px 5px;
-moz-box-shadow: #666 0px 2px 5px;
box-shadow: #666 0px 2px 5px;
background: #EEFF99;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#EEFF99), to(#66EE33));
background: -webkit-linear-gradient(#EEFF99, #66EE33);
background: -moz-linear-gradient(#EEFF99, #66EE33);
background: -ms-linear-gradient(#EEFF99, #66EE33);
background: -o-linear-gradient(#EEFF99, #66EE33);
background: linear-gradient(#EEFF99, #66EE33);
-pie-background: linear-gradient(#EEFF99, #66EE33);
behavior: url(PIE.htc);}

اگه توی سایت http://css3pie.com/ ببینید نوشته با مرورگر اکسپلورر 6 تا 9 سازگاره

[ravand]

من از سايت pergig.ir براي آپلود اين فايل استفاده كردم خب اين سايتم مثل سايت گيگفا لينك مستقيم ميده. الان اين كد روي روي سيستمم امتحان كردم ديدم با مرورگر اكسپلورر كار ميكنه. ولي مثل اينكه حق با شماست و اين سايت كه من فايل رو روش گذاشتم مشكل داره. حالا به نظرتون من از چه سايتي استفاده كنم؟ كسي هاست رايگان سراغ نداره؟ كه با اين فايل مشكلي نداشته باشه؟ راستي شما خودتون روي چه هاستي اين فايل رو آپلود كرديد؟
يه چيز ديگه هم فهميدم اينكه اين كدها روي فايرفاكس و كروم بدون اين فايل PIE.htc جواب ميده. ولي با اكسپلورر مشكل پيدا ميكنه.
آدرسي كه من ازش استفاده ميكنم اينه
http://ravand.pergig.ir/PIE.htc
ولي نميدونم چرا كار نميكنه در صورتي كه لينك مستقيم هست.

[sh-eng]

تشکر
مشکلم حل شد.
مرجعش را هم پیدا کردم.سایت http://css3pie.com/

این که css3 هستش تو ie 7 و8 کار می کنه؟