Printable View
با سلام خدمت دوستان عزیز
به نظر شما چرا این قالب وبلاگ من با فایرفاکس سازگاری ندارد. الان حدود یک سال است که با این مشکل روبرو هستم.
آیا اشکال در کدهای CSS است یا چیز دیگری؟
لازم به ذکر است که این قالب با IE 6 به صورت 100% سازگاری دارد.
آدرس وبلاگ:کد:http://babak-online.blogfa.com
بیشتر برگه مدهای CSS با IE4 و بالاتر و FireFox1 و بالاتر سازگاری دارند.....نقل قول:
نمی دونم مشکل شما کجاست!!!!:41:
ولی راه حل چیست؟
جیگر کلی از کدهای css اشتباه بود
شما در سی اس اس باید واحد اندازه گیری رو مشخص کنی
شما اگه به صورت استاندارد قالبت رو طراحی کنی مطمون باش در تمام مرورگر ها بدون مشکل نشون می ده
حالا قالب وبلاگتو بزار اگه وقت کردم برات درستش می کنم
این دوست عزیز کاملا درست می گه!نقل قول:
این نکته رو فراموش کردم که بگم که باید CSS درست مقدار دهی بشه!!
شاید در صورت کم کاری IE واکنش نشون نده!
اما باید حتما واحدهای استاندارد CSS را رعایت کرد...مثل pt برای فونت سایز px برای پیکسل وو....
:40:
من که همه این موارد رو رعایت کردم:
کد:<style>
.ORG{width: 100%;}
.Header{width: 700; height:108; background-image: url('http://babak-online.persiangig.com/T2/Header.jpg') }
.Source{width: 700; height:100%}
.PostLoc{float: right; width: 525; height: 100; direction: rtl}
.Title{text-align: right; width: 100%; height: 20px; float:top; font-size:8pt; font-family:Tahoma; font-weight: Bold; color:#EAF2FF; background-color:#003D9B; padding-top:2; padding-right:3; border:1px solid #000000;}
.Post{width: 100%; text-align: right; padding-top: 4; padding-right: 10; padding-bottom: 10; padding-left: 10; background-color:white; font-family: Tahoma; font-size: 9.5pt; border-left-style:solid; border-left-width:1px; border-right-style:solid; border-right-width:1px}
.Details{width 100%; height: 20px; background-color:#00255E; text-align: right; font-size: 7pt; font-family: Tahoma; color: white; padding-top: 5px; border: 1px solid #000000; padding-right: 4px; padding-bottom:3.5px}
.Details A:link{color: white}
.Details A:visited{color: white}
.Details A:hover{color: white}
.Menu{float: left; width: 170; background-color:#879CBD; direction: rtl; padding-right:2px; font-family: Tahoma }
A:link{color: #173F99; text-decoration: none}
A:visited{color: #4D6292; text-decoration: none}
A:hover{color: #173F99; text-decoration: underlined}
</style>
نه رعایت نکردی منظور ایجوری هست:
width: 170px;
تمام اعدادی که واحد نداشتند را واحدگذاری کردم ولی باز هم تغییری ایجاد نشد.
:18::18::19::19:من هم یک دفعه همچین مشکلی واسم ولی برعکس کار شما دلیلشم مشکل css نبود از تگهای div بود نمیدونم دقیقا مشکل شما از کجاس :4:
پشتیبانی مرورگر ها از دستورات CSS یکسان نیست. بعضی از دستورات CSS تو یه مرورگر اجرا میشه و تو یکی دیگه اجرا نمیشه. شما برای اینکه قالب درست بشه اول باید کد HTML سایتت رو valid کنی. این اولین قدم هستش
بعد از اون میشه CSS رو هم ولید کرد و نشست عیبش رو پیدا کرد. اینطوری بدون اینکه کد HTML و CSُُُS رو validate نکرده باشید به این راحتی ها نمیشه مشکل رو پیدا کردکد:http://validator.w3.org/