CSS بين الاكسبلورر و الفايرفوكس [الأرشيـــــف]

عرض كامل الموضوع : CSS بين الاكسبلورر و الفايرفوكس

Joe

08/12/2004, 09:49

و الله قصة انو الواحد بيعمل ديزاين بال css مشان يطلع حلو و قوي و يقدر يتحكم بتفاصيله... بيقوم بكل متصفح بيطلع شكل

يا شباب على الاكسبلورر بيطلع التصميم متل ما بدي ياه تماما... او على الاقل النسخة المبدئية منه... بينما على النت سكيب او الفاير فوكس بيطلع مشوه

انا بعتقد انو الفاير فوكس بيدعموا CSS احسن من دعم الاكسبلورر و هني الاصح... و معروف انو الاكسبلورر عنده كتير شتلات بهيك شغلات... بس الاكسبلورر هوي اشهر متصفح

انا شفت كتير مواقع اا منفتحها بالفايرفوكس بتطلع مشوهة كتير... متل موقع اخوية دوت كوم مثلا او php arabia .... اي شو الحل... و لإيمت؟؟؟

:(

Hus

08/12/2004, 11:10

اي حلو كتير..
في عدة نقاط وعوامل بتلعب دورها بالاستايل وبقرائة المتصفح للكود وكيف يقراه .. اولها ال DOCTYPE
بتلاقي باعلى كل صفحة مصممة مظبوط شي اسمو الدوك تايب بيعرف المتصفح انو تقرأ الكود كيف .. شلون تفهم الاكواد واترجمها وفي عدد كبير من الدوكيمنت تايب اشهرها

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "////////////// الروابط الي بيحطوها الأعضاء بيقدر فقط الأعضاء يشوفوها ، اذا مصرّ تشوف الرابط بك تسجل يعني تصير عضو بأخوية سوريا بالأول -///////////////">

وبعدهم

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "////////////// الروابط الي بيحطوها الأعضاء بيقدر فقط الأعضاء يشوفوها ، اذا مصرّ تشوف الرابط بك تسجل يعني تصير عضو بأخوية سوريا بالأول -///////////////">

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "////////////// الروابط الي بيحطوها الأعضاء بيقدر فقط الأعضاء يشوفوها ، اذا مصرّ تشوف الرابط بك تسجل يعني تصير عضو بأخوية سوريا بالأول -///////////////">

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "////////////// الروابط الي بيحطوها الأعضاء بيقدر فقط الأعضاء يشوفوها ، اذا مصرّ تشوف الرابط بك تسجل يعني تصير عضو بأخوية سوريا بالأول -///////////////">

وكل ليها طريقة كتابة وطريقة معالجمة من المتصفح ..
بس تنويه هلق خطرلي .. (التصميم لصفحات الويب شيئ ولا اسهل من هيكل لكن نفس التصميم اذا بدك تعملو بطريقة احترافية ومتوافق مع اكبر قدر من المتصفحات شيئ ولا اصعب من هيك غاية غاية في الصعوبة )

منكمل
بالنسبة للاستايلات كمان الاستايلات كل متصفح بيدعم تاجات tag غير التاني .. لكن كل المتصفحات بتجتمع وبتلتقي على هذه
والي اسمها ال safe list هاي كل المتصفحات بتدعمها لكن متل مانك شايف كتير التاجات الي فيها محدودة جدا .. وقد لا تفي بالغرض

a:hover {
color: #FF9933;
/* Invalid value: text-decoration: underline; */
}

a {
color: #000000;
/* Invalid value: text-decoration: none; */
}

body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
color: #000000;
}

h1 {
font-family: Verdana;
font-size: 12pt;
color: #385070;
/* Invalid value: line-height: 100%; */
/* Unsupported property: padding: 0; */
}

h2 {
font-family: Verdana;
font-size: 10pt;
color: #385070;
/* Invalid value: line-height: 100%; */
/* Unsupported property: padding: 0; */
}

h3 {
font-family: Verdana;
font-size: 10pt;
color: #405C80;
/* Invalid value: line-height: 100%; */
/* Unsupported property: padding: 0; */
}

h4 {
font-family: Verdana;
font-size: 10pt;
color: #385070;
text-align: center;
/* Invalid value: line-height: 100%; */
/* Unsupported property: padding: 0; */
}

h5 {
font-family: Verdana;
font-size: 12pt;
color: #000000;
text-align: center;
/* Invalid value: line-height: 100%; */
/* Unsupported property: padding: 0; */
}

p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
color: #000000;
}

table {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
color: #000000;
}

td {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
color: #000000;
}

بس انا بجد بحيييك فموضوع الاستايل شي احترافي جدا ومتل ما اتقول شيك ..
يعني مو مين ما كان بيطلع بايدو يعمل الموقع ستايل شيت ومو مين ماكان بيطلع بايدو يعمل الموقع متوافق مع اكبر عدد من المتصفحات ..

بالنسبة للاستايل تحديدا في برنامج رهيييييييييييب اسمه
TopStyle Pro
انا بحبه جدا جدا وهوي اقوى برنامج بيعمل استايلات وتوافقيتها وهيك .. نزلو بيفيدك كتير كتير

طبعا الموقع رقم واحد عالميا منشان الاستاندرات تبع التصميم وهيك او فيك اتقول هوي الي بيحط الاستاندر بالعالم
هوي w3.org
وفي عندون فاليديتور (بيشيكو على كود الصفحة وبيعطوك الاخطاء الموجودة وهيك .. )
وفي فاليديتور تبع CSS
هون
////////////// الروابط الي بيحطوها الأعضاء بيقدر فقط الأعضاء يشوفوها ، اذا مصرّ تشوف الرابط بك تسجل يعني تصير عضو بأخوية سوريا بالأول -///////////////

تحياتيييييييييي
:gem: :gem: :gem:

Joe

09/12/2004, 17:20

شكراااا حبيب

الموقع يلي عم ظبطو مانو كبير ابدا.. حاليا بس صفحة وحدة... بس حابب اعمله على css من الاول.. لانو اولا و اخيرا رح يصير فيه اكتر من صفحة
////////////// الروابط الي بيحطوها الأعضاء بيقدر فقط الأعضاء يشوفوها ، اذا مصرّ تشوف الرابط بك تسجل يعني تصير عضو بأخوية سوريا بالأول -///////////////

هلق اذا بتشوفو على الاكسبلورر بيطلع كويس.. او على الاقل انا هيك بدي ياه حاليا... بينما على الفايرفوكس الابعاد بتطلع مختلفة
انا حاليا ما حددت ايا دوك تايب... غالبا رح استخدم ال transitional ... و الستايل مرفق ضمن الصفحة.. يعني ما فصلته... ما بعتقد مستاهل ينفصل لصفحة مستقلة حاليا

تقريبا كلشي بالموقع هوي css ... بس الكلام المكتوب فوق محطوط بالطريقة التقليدية.. و في table جوات ال fieldset ... بس متل ما ملاحظ ما استخدمت table للصفحة و لا حتى لتوضيع ال objects بمكانها

بقى ما بعرف برأيك في طريقة لتطلع الابعاد ذاتها ذاتها بين "المربعات" ؟؟

Hus

09/12/2004, 19:43

اي شفت الكود هلق ..
عموما عموما الدالة DIV من اكره الاشياء على الاطلاق ما بطيقها بنوب فدائما بتعمل مشاكل بموضوع الابعاد
جرب التلاي
جرب حط ال
plan1,2,3 بتيبل
<tabel>
<tr>
<td>

الخطط

</td>
</tr>
</tavle>

عرفت كيف واعطي للتيبل توسيط او بالاصح قصدي عطي لل td align=center
وبعدين
وخلي الابعاد تبع التيبلات
%
بدل ما هو بالبيكسل
نظريا حيمشي الحال معك

دائما هاي مشكلة الابعاد بتظهر عند استخدام الطبقات div
حاول قد ما تقدر اتبعد عن الطبقات حط تيبل جوات تيبل جوات تيبل الخ .. على حسب الحاجة بس اللير صعب التعامل معها واسا حتكتشف الفواجع باليرات لما اتغير مقاس الشاشة الى 800*600 مثلا
اليرات بتوح بميت حيط