| |||||||
| المدوّنات | البحث | مشاركات اليوم | اجعل كافة المشاركات مقروءة |
 |
| | LinkBack | أدوات الموضوع |
| |||||
| حل بعض اخطاء CSS لجعل الموقع متوافق مع معظم المتصفحات عندما تقوم بتصميم قالب بأستخدام CSS فان بعض الاخطاء قد تواجهك بحيث انه قد يعمل بدون اخطاء في الفايرفوكس وتجد بعض الاخطاء في انترنت اكسبلورر او العكس . بشكل عام :
قد تلاحظ اختلاف في النص عن تصفح الموقع بواسطة سفاري . قم بادراج هذا الكود من ضمن خصائص الستايل الخاص بالنص كود: p { text-shadow: #000 0 0 0; } كود: p { -moz-opacity: 0.99; } قد تكون تصمم قالب الى مدونة على سبيل المثال وقمت بعمل Div عام ليحتوي داخله Div للمحتوى وDiv للقائمة الجانبية واستخدمت هذا الكود كود: #content { float:right; width: 300px; margin-right: 10px; } #sidebar { float:right; width: 100px; }  ولكن قد تجده في الانترنت اكسبلورر  وحل المشكلة هو عن طريق تحديد الـdisplay ليكون في خط واحد كود: #content { float:right; width: 300px; margin-right: 10px; display:inline; } #sidebar { float:right; width: 100px; display:inline; }  والحل هو في تحديد الـ overflow كود: #content { float:left; width: 300px; margin-right: 10px; display:inline; overflow:hidden; } #sidebar { float:left; width: 100px; display:inline; overflow:hidden; } | |||||
|
| |||||
| مشكلة احتواء div في الخلفية لعدة Divs في الفايرفوكس الكثير منا يعاني من هذه المشكلة وهي في احتواء Div عام لعدة Div وعند جعل الDiv العام بطول 100% بعمل بنجاح مع الانترنت اكسبلورر ولكن مع الفايرفوكس لا يعمل . وهذه الصورة توضح ما اقصده وما هو مطلوب  ولكن قد تجده في الفايرفوكس بهذا الشكل  والحل في تحديد overflow:auto or overflow:hidden كود: #container { width: 966px; margin: 0 auto; overflow:auto; } اجتنب استخدام خصائص الـcss3 لأن بعض الخصائص في css2 لا تعمل على Ie6 وهذه بعضها E > F E + F E ~ F :root :last-child  nly-child :nth-child() :nth-last-child() :first-of-type :last-of-type nly-of-type :nth-of-type() :nth-last-of-type() :empty :not() :target :enable :disabled :checked Any of the E[attribute] Selectors :first-child :lang() :before ::before :after ::after وهذه صفحة تبين الخصائص والمتصفحات التي تدعمها والتي لا تدعمها CSS, JavaScript and XHTML Explained "المقال مترجم" | |||||
|
| |||||
|
يا بعدي والله يا owner ... هذه الأيام متعمق في CSS ليناسب كافة المتصفحات  الله يزوجك أثنين نفر أبو كشة ... تقبل فائق التقدير ...
__________________ يستدل على حسن العقل بحسن المقال التعديل الأخير تم بواسطة : الأزهر بتاريخ 08-09-2008 الساعة 04:43 AM. | |||||
|
| |||||
|
الله يعطيك الف عافيه يالغالي درس ولا اروع وشاكر لك النقل ^_^
__________________ سبحان الله وبحمده When Darkness Turns to light, It ends tonight.. >.< مواقعي.. ^^ Q8iEnG :: Lazqa :: ClickClick support C++ Language :: Mr.Bean's World | |||||
|
| |||||
|
شكرا لكم على الردود . اقتباس:
اقتباس:
| |||||
|
|
| |
| |
| أدوات الموضوع | |
| |
المواضيع المتشابهه | ||||
| الموضوع | كاتب الموضوع | المنتدى | مشاركات | آخر مشاركة |
| صيحة الإستاااااااااااااااااااايلات إستايل Orange-css الإبداعي متوافق مع vb3.7.3 | 3ta2.com | القوالب Styles | 4 | 09-09-2008 11:06 PM |
| سؤال كيف اجعل أستايلي متوافق مع جميع المتصفحات | SnaFy | القوالب Styles | 3 | 21-08-2008 12:38 AM |
| لطريقة الصحيحة لحفر جدوال المنتدى المتوافقه مع كل المتصفحات بواسطة الـ css | almshreg | إصلاح وصيانة المنتديات | 1 | 26-04-2008 11:23 AM |
| ملف CSS غير متوافق مع المتصفح IE7 ! ! | أبواب | ويب 2.0 و البرمجية القياسية Ajax +XML+ CSS+ JavaScript وغيرها | 5 | 16-12-2007 03:29 AM |
| الطريقة الصحيحة لحفر جدوال المنتدى المتوافقه مع كل المتصفحات بواسطة الـ css | ca2oom | القوالب Styles | 20 | 20-03-2007 08:45 AM |
