الفريق العربي للبرمجةأرشيف المنتديات · 2000 – 2023
نسخة أرشيفية للقراءة فقط — التسجيل والمشاركة مغلقان، والمحتوى محفوظ كما كان.

عدم ظهور الصفحة بشكل صحيح فى الفيرفوكس و تختلف عن الie

بدأه _- محمد نور -_ في 1 أكتوبر 2008 · 43 رد · 3,317 مشاهدة · في ASP.NET
مشاركة: واتساب X فيسبوك تيليجرام
#1 صاحب الموضوع

السلام عليكم

حياكم الله

عندما أقوم بتصميم صفحة فى الفيجول ستوديو ثم أفتحها بالفايرفوكس تظهر أماكن الادوات مختلفة تماما عن التصميم الأصلى فما العمل

يعنى مثلا أنا وضعت جدول و بداخله عدة أدوات مثل textbox,button,labal و قمت بوضع الجدول فى منتصف الصفحة

لما أتى أفتحها بالفيرفوكس أجدها على الطرف :wacko: :wacko:

لا إله إلا الله محمد رسول الله

アッラー以外に神はなし。ムハンマドはアッラーの使徒である

#2

وين الكود؟

#3

استخدم firbug - هو addon للفيرفوكس - IE يتعامل غير عن الفيرفكس بال HTML

#4

هذا على سبيل المثال :

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
	<title>Controls Page</title>
</head>
<body>
	<form id="form1" runat="server">
		<div style="text-align: center">
			<table>
				<tr>
					<th style="background-color: Yellow">
						welcome
					</th>
				</tr>
				<tr>
					<td>
						<a href="http:\\www.arabteam2000-forum.com">Arab Team</a>
					</td>
				</tr>
				<tr>
					<td>
						<a href="http:\\www.msn.com">MSN.com</a>
					</td>
				</tr>
				<tr>
					<td>
						<a href="http:\\www.yahoo.com">Yahoo.com</a>
					</td>
				</tr>
				<tr>
					<td>
						<a href="http:\\www.google.com">Google.com</a>
					</td>
				</tr>
			</table>
		</div>
	</form>
</body>
</html>

هذا الكود على سبيل المثال عندما أشغله يفتح فى الie بشكل صحيح أما فى الff فيأتى على جانب الصفحة الإيسر

buaziz كتب:
استخدم firbug - هو addon للفيرفوكس - IE يتعامل غير عن الفيرفكس بال HTML

يعنى أنا لما أحب أعمل تطبيق ويب لن يعمل بشكل صحيح على الفير فوكس إلا إذا كان هذا الشئ مثبت عند كل الناس :S

لا إله إلا الله محمد رسول الله

アッラー以外に神はなし。ムハンマドはアッラーの使徒である

#5

ضع

style="align:center"

في الtable

Sr. Software Development Engineer
Hulu, LLC
My Blogs

#6

في كثير طرق والطريقة التي ذكرها الباشمهندس صحيحة 100% وأيضاً:

<div style="text-align: center; text-align: -moz-center;">
#7
bashmohandes كتب:
ضع
style="align:center"

في الtable

خالد_الحوراني كتب:
في كثير طرق والطريقة التي ذكرها الباشمهندس صحيحة 100% وأيضاً:

<div style="text-align: center; text-align: -moz-center;">

هذه الطرق خاطئه وغير محببه وتعتبر خطأ قديم جداً

أخي نور ضع في استايل الـ body

text-align:Center

ويفضل أن لاتستعمل الجداول نهائياً في تصميمك أعتمد على DIV

joseph.gif

logo.gif

CCNA 640-802

مدونتي

#8
اقتباس
أخي نور ضع في استايل الـ body

text-align:Center

يا راجل حرام عليك هل هذه هي الطريقة الصحيحة؟؟؟ أن تجعل الbody كله centered ؟؟؟

Sr. Software Development Engineer
Hulu, LLC
My Blogs

#9
اقتباس
هذه الطرق خاطئه وغير محببه وتعتبر خطأ قديم جداً

ليش شفت أني حكيت بأن هالطريقة معيارية!!! والله أمرك غريب. أنا ماذكرت الطريقة الأفضل و "المعيارية" لأنها يمكن صعبة شوي لذلك ذكرت الطريقة "الأسرع":

margin-left: auto;
margin-right: auto;

اللي قاعد أمامك محرق أصابيعه بال CSS

وبالنسبة لطريقتك جاوبك الباشمهندس

تم تعديل هذه المشاركة بواسطة خالد_الحوراني في 2 أكتوبر 2008 في 00:51

#10

هناك الف طريقة - والمفضل عدم الاعتماد على table

تعلم css

ولجعل محتوات الdiv بالcenter استخدم

style="margin:0 auto;"
#11
style="margin:0 auto;"

الطريقة التي ذكرتها في مشاركتي الأخيرة أفضل لأن طريقتك تقوم بتصفير الهامش العلوي والسفلي وربما لايريد ذلك، فالأفضل هو تحديد left & right

#12

الاخ خالد الحوراني بما انه لم يعجبك وضع الـ body جميعه center

لتجعل الـ table داخل div وتعطه خاصيه align-text:center

وهذه الطريقه المثلى

بدلاً من كل الطرق السابقه

خالد_الحوراني كتب:
في كثير طرق والطريقة التي ذكرها الباشمهندس صحيحة 100% وأيضاً:

<div style="text-align: center; text-align: -moz-center;">

ماقصدته في تعقيبي على كلامك

هو التعقيب على الكلام وليس على الكود

اقتباس
في كثير طرق والطريقة التي ذكرها الباشمهندس صحيحة 100% وأيضاً:

تم تعديل هذه المشاركة بواسطة Eng.Fedail في 2 أكتوبر 2008 في 01:42

joseph.gif

logo.gif

CCNA 640-802

مدونتي

#13

صحيحة 100% لا تساوي المعايير :D

صحيحة أي تعمل بشكل صحيح على FF

#14

صحيح هي تعمل وعلى الفاير فوكس ولكن ان أردنا التحدث عن الـ CSS فهي غير صحيحه واذا أردنا ابداء الرأي فيجب أن نوفي كل المقاييس والجهات حقها لكي تكون اجابتنا شامله

وأنت أستاذنا عزيزي ولك الحق فيما تقول شكراً لمرورك كان نقاشاً مفيداً للجميع حول هذه التقنيه لأن منتدانا يفتقر اليها فأنا طالبت اكثر من مره بفتح قسم خاص بها لوحدها ولكن لم اجد اي اجابه

joseph.gif

logo.gif

CCNA 640-802

مدونتي

#15
اقتباس
وأنت أستاذنا عزيزي ولك الحق فيما تقول شكراً لمرورك كان نقاشاً مفيداً للجميع حول هذه التقنيه لأن منتدانا يفتقر اليها فأنا طالبت اكثر من مره بفتح قسم خاص بها لوحدها ولكن لم اجد اي اجابه

تسلم يا أخي الكريم، بالنسبة لقسم خاص فالإدارة عندها توجه بأن لايفتح قسم خاص بتقنية ما إلا عند توافر 10 مواضيع عنها كحد أدنى

#16

يا جماعة الطريقة الوحيدة التى عملت هى :

<div style="text-align: -moz-center;">

هذا الأسلوب ضبط الجدول فى الff و لم يضبطها فى الie :tantrum:

ما العمل الأن

و أريد أن أعلم أيضا ما هى moz هذه لم تظهر فى القائمة المنسدلة

لا إله إلا الله محمد رسول الله

アッラー以外に神はなし。ムハンマドはアッラーの使徒である

#17

اولا تأكد من عدم وجود ملفات css او style clause بيعمل over-ridden لهذه الخاصية او تضارب بين الخصائص زي absolute positioning او fixed layout

و اظن الكود التالي يكفي في كلا من IE و FF

  <div align="center">

او

  <table align="center">

في مرة حاولت عمل center لكل الخلايا داخل جدول بالكود السابق و لا يوجد مشكلة مع IE و لكن مع FF احتجت الي عمل center لكل خلية علي حده

الامر متعلق بكيفية وراثة الخصائص inheritance cascading و الله اعلم

#19
اقتباس
هذه إضافات على المعايير الخاصة بال CSS من شركة موزيللا

هل تسمى هذه إضافات :blink:

هذه معايير css أخرى :lol: :lol:

بالنسبة للجدول و وضع به align=center فهى لم تعمل مع الفوكس

اقتباس
اولا تأكد من عدم وجود ملفات CSS او style clause بيعمل over-ridden لهذه الخاصية او تضارب بين الخصائص زي absolute positioning او fixed layout

متأكد تماما -_-

المشكلة أننى لم أعبث بأى شئ حتى أننى كتبت كود الجدول بيدى و لم أقم بإدراجه و لا يوجد أى ملفات css أصلا

يا شباب ألا يوجد وسائل معروفة أو طريقة معيارية لتصميم الصفحات بدون وجع الرأس هذا ؟؟؟

طيب سؤال آخر

فى رأيكم هل تصميم الصفحة بالفيجوال ستوديو أفضل أم بأى برنامج آخر أفضل :rolleyes:

و هل لو استعنت ببرنامج آخر كdreamw. كمثلا كيف سوف أعمل على الصفحة من داخل الفيجوال ستوديو

معذرة يا شباب لقد إمتحنت قبل العيد مباشرة 70-528 و طبعا نجحت بسبب الtestking و حاليا لا أفقه شئ فى تطوير تطبيقات الويب بالasp 2.0 التى نجحت فيها بمعدل 1000 من 1000 :haha: :haha: :lol: :lol: :lol:

و الله هذه كارثة

حسبنا الله

لا إله إلا الله محمد رسول الله

アッラー以外に神はなし。ムハンマドはアッラーの使徒である

#20

DreamWeaver CS4 ممتاز وصدر قبل أسبوع، VS لم استخدمه لتصميم الصفحات!

#21

طيب أخى هل من الممكن كتابة تطبيق ويب كامل بالدريم وييفر asp.net طبعا

و لكى أكون أكثر تحديدا

أريد تصميم الصفحة بالدريم ويفير و أطور الكود الخاص بالasp بالفيجوال ستوديو

لا إله إلا الله محمد رسول الله

アッラー以外に神はなし。ムハンマドはアッラーの使徒である

#22

أخوي ضع الجدول اللي صممته داخل DIV وضع من خواص الـ DIV text-align:CENTER

اذا كانت حاط أي اضافت أخرى تأكد من ازالتها كي لاتعمل overloading عليها

joseph.gif

logo.gif

CCNA 640-802

مدونتي

#23
Eng.Fedail كتب:
أخوي ضع الجدول اللي صممته داخل DIV وضع من خواص الـ DIV text-align:CENTER

اذا كانت حاط أي اضافت أخرى تأكد من ازالتها كي لاتعمل overloading عليها

صدقنى صنعت ذلك و لكن لا تعمل مع ff :P

لا إله إلا الله محمد رسول الله

アッラー以外に神はなし。ムハンマドはアッラーの使徒である

#24

ممكن تعطيني الكود كامل الصفحه مع الـ css

joseph.gif

logo.gif

CCNA 640-802

مدونتي

#25
Eng.Fedail كتب:
ممكن تعطيني الكود كامل الصفحه مع الـ css

أخى بارك الله فيك لا يوجد أى ملف css :blush:

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

يعنى أنا فقط قمت بكتابة كود فى الvs به جدول و أخذت أجرب و لكن كل شئ لا يعمل إما أن يعمل على ie و لا يعمل على ff و إما العكس

و لكن ليس الإثنين معا و الكود موجود فى الصفحة الأولى من الموضوع :happy:

لا إله إلا الله محمد رسول الله

アッラー以外に神はなし。ムハンマドはアッラーの使徒である

مواضيع مشابهة

عدد الزوار حالياً

المتواجدون خلال آخر دقيقتين · يتحدّث كل ٣٠ ثانية

—الإجمالي—أعضاء مسجّلون—زوار بدون تسجيل

جارٍ التحقق من المتواجدين…