مشکل با rtl عناصر در css

[shayan 116]

سلام

من برای هر یک از عناصر وب سایتم دستور rtl رو اعمال کردم

ولی نمیدونم چرا تو مرورگر های گوگل کروم و اکسپلور درست نمایش نمیده

ولی تو فایر فاکس درست کار میکنه !

مثلا توی تب جستجوی پیشرفته ، قسمت آپارتمان که تو مرورگر های کروم و اکسپلور از چپ به راست نمایش میده

باید چیکار کنم تا این مشکلم برطرف بشه؟؟!!

لینک سایت:

http://wpu.ir/ja8po

[thinkdiff 30]

ببینید من یکیشو تست کردم جواب داد.شما به جای دستور rtl که میاد چیدمان داخل تگ رو تغییر میده باشد از float استفاده کنید.

هر جا هم left:0 دیدین پاکش کنید. و گاها دستور position رو تغییر بدین یا پاک کنید ( تست کنید متوجه میشید )

مثلا برای نمونه اون دکمه اطلاعات بیشتر آبی رنگ در اسلایدر صفحه اصلی استایلش اینه (در فایل Main.css) :

• .slide-description .know-more {
  
• text-decoration: none;
  
• font-family:YEKAN,Roboto,Helvetica,Arial,sans-serif;
  
• position: absolute;
  
• bottom: -34px;
  
• left: 0;
  
• display: inline-block;
  
• background-color: #37b3d9;
  
• padding: 6px 13px 8px;
  
• font-size: 13px;
  
• color: #fff;
  
• }
  

تغییرش بدین به این :

.slide-description .know-more {
text-decoration: none;
font-family: YEKAN,Roboto,Helvetica,Arial,sans-serif;
bottom: -34px;
float: right;
display: inline-block;
background-color: #37b3d9;
padding: 6px 13px 8px;
font-size: 13px;
color: #fff;
}

موفق باشید

ویرایش شده اردیبهشت 93 توسط thinkdiff

[shayan 116]

یعنی شما منظورتون اینه که تمامی rtl ، left:0 ، position ها رو تو تمام فایل های CSS حذف کنم و بجاش از دستور float استفاده کنم؟

با این کار مشکل نمایش در مرورگر های کروم و اکسپور حل میشه؟؟

[thinkdiff 30]

من این رو نگفتم

هرجا که میخواید راست جینش کنی رو اگر

left:0 داشت پاک کن.float:right بده

گاهی اوقات هم فقط با تغییر position درست می شه

[shayan 116]

بله

دوست عزیز بی زحمت همون مثالی رو که در مورد دکمه اطلاعات بیشتر زدید رو توی این لینک دوباره بفرمایید و تغییرات رو اعمال کنید

http://wpu.ir/hy4gm

این دفعه این تغییرات مربوط میشه به فیلدها (نمیدونم با اون مسائلی شما فرمودید یکی هست یا خیر)

پیشاپیش از کمکتون کمال تشکر را دارم

سپاس