آج کا ویب براؤزر پاگل دن سے ایک طویل راستہ آیا ہے جہاں کسی بھی قسم کے کراس براؤزر کی استحکام کی خواہش مند سوچ تھی. آج کے ویب براؤزر تمام معیار کے مطابق ہیں. وہ اچھی طرح سے ساتھ ساتھ کھیلتے ہیں اور مختلف براؤزروں میں کافی مسلسل صفحہ ڈسپلے فراہم کرتے ہیں. اس میں گوگل کروم، مائیکروسافٹ ایج، موزیلا فائر فاکس، اوپیرا، سفاری، اور ویب براؤزر کے موصول ہونے والے مختلف براؤزرز کے تازہ ترین ورژن شامل ہوتے ہیں جن میں آج ویب سائٹ تک رسائی حاصل ہے.
حالانکہ ویب براؤزرز اور اس کی سی ایس ایس کیسے دکھائی جاتی ہے تو یہ یقینی بنایا گیا ہے کہ ان مختلف سافٹ ویئر کے اختیارات کے درمیان اب بھی متضاد ہیں. عام متنوع میں سے ایک یہ ہے کہ وہ براؤزر کس طرح ڈیفالٹ کی طرف سے مارجن، بھرتی، اور سرحدوں کا حساب کرتے ہیں.
باکس ماڈل کے اثرات کے تمام پہلوؤں کی وجہ سے تمام ایچ ٹی ایم ایل کے عناصر ہیں، اور اس وجہ سے وہ صفحہ لے آؤٹ بنانے میں ضروری ہیں، ایک متضاد ڈسپلے کا مطلب یہ ہے کہ ایک صفحے میں ایک براؤزر میں بہت اچھا نظر آتا ہے، لیکن ایک دوسرے میں تھوڑا سا نظر آتا ہے. اس مسئلے کا مقابلہ کرنے کے لئے، بہت سے ویب ڈیزائنر باکس ماڈل کے ان پہلوؤں کو معمول بناتے ہیں. یہ عمل بھی مارجن، بھرتی، اور سرحدوں کے لئے اقدار "صفر باہر" کے طور پر بھی جانا جاتا ہے.
براؤزر کے ڈیفالٹ پر ایک نوٹ
صفحے کے مخصوص ڈسپلے پہلوؤں کے لئے ویب براؤزر سبھی ڈیفالٹ ترتیبات ہیں. مثال کے طور پر، ہائپر لنکس نیلے اور ڈیفالٹ کے مطابق ہیں. یہ مختلف براؤزروں کے مطابق ہے، اور اگرچہ یہ کچھ ایسا ہے جو سب سے زیادہ ڈیزائنرز اپنے مخصوص منصوبے کے ڈیزائن کی ضروریات کو پورا کرنے میں تبدیلی کرتے ہیں، حقیقت یہ ہے کہ وہ سب اسی طرح کے افتتاحی طور پر شروع کر رہے ہیں. افسوس کی بات، مارجن، بھرتی اور سرحدوں کے لئے پہلے سے طے شدہ قیمت کراس براؤزر کے مستقل استحکام سے بھی لطف اندوز نہیں ہے.
مارجنز اور Padding کے لئے عمومی اقدار
متنوع باکس کے ماڈل کے مسئلے کو حل کرنے کا بہترین طریقہ HTML عناصر کی صفر اور صفر کی تمام قیمتوں کو صفر پر قائم کرنا ہے. کچھ طریقوں ہیں جو آپ کر سکتے ہیں یہ اس سی ایس ایس کا اصول آپ کے سٹائل شیٹ میں شامل کرنا ہے.
یہ سی ایس ایس کے اصول * * یا وائلڈ کارڈ کا استعمال کرتا ہے. اس کردار کا مطلب "تمام عناصر" اور یہ بنیادی طور پر ہر ایچ ٹی ایم ایل کے عنصر کا انتخاب کریں گے اور مارجن اور چارڈ مقرر کرے گا. اگرچہ یہ اصول بہت غیر معمولی ہے، کیونکہ یہ آپ کے بیرونی شیلیڈیٹ میں ہے، اس کے پاس ڈیفالٹ براؤزر سے زیادہ خاصیت ہوگی اقدار کرتے ہیں چونکہ ان غلطیوں میں سے آپ کو لکھنا پڑتا ہے، یہ ایک سٹائل آپ کو کیا کرنے کے لئے ترتیب دے رہے ہیں کو پورا کرے گا.
ایک اور اختیار یہ ہے کہ ان اقدار کو ایچ ٹی ایم ایل اور جسم عناصر میں لاگو کریں. کیونکہ آپ کے صفحے پر تمام دیگر عناصر ان دونوں عناصر کے بچوں ہوں گے، سی ایس ایس کی جھلکیاں ان اقدار کو ان تمام عناصر پر لاگو کرنا چاہئے.
یہ آپ کے ڈیزائن کو تمام براؤزرز پر ایک ہی مقام میں شروع کرے گا، لیکن یاد رکھنا ایک چیز یہ ہے کہ ایک بار جب آپ تمام مارجن کو ختم کردیں تو، آپ کو نظر انداز کرنے کے لۓ آپ کو اپنے ویب صفحے کے مخصوص حصوں کے لئے منتخب طور پر انہیں دوبارہ تبدیل کرنے کی ضرورت ہوگی. اور محسوس کریں کہ آپ کے ڈیزائن کا مطالبہ ہے.
سرحدوں
آپ سوچ رہے ہو "لیکن کوئی براؤزر جسم کے عنصر کے ارد گرد ڈیفالٹ کی حد نہیں ہے". یہ سختی سے سچ نہیں ہے. انٹرنیٹ ایکسپلورر کے پرانے ورژن عناصر کے ارد گرد ایک شفاف یا پوشیدہ سرحد ہے. جب تک آپ سرحد کو 0 مقرر نہیں کرتے، تو یہ سرحد آپکے صفحہ ترتیب کو گزر سکتی ہے. اگر آپ نے فیصلہ کیا ہے کہ آپ IE کے ان قدیم ترین ورژن کی حمایت جاری رکھیں گے، تو آپ کو اپنے جسم اور ایچ ٹی ایم ایل کی شیلیوں کو درج کرکے اس کو ایڈریس کرنے کی ضرورت ہوگی.
ایچ ٹی ایم ایل، جسم {مارجن: 0px؛بھرتی: 0px؛ سرحد: 0px؛} اسی طرح آپ نے مارجن اور بھرتی کو کس طرح بند کر دیا، اس نئے انداز کو بھی ڈیفالٹ سرحدوں کو بند کردیں گے. آپ مضمون میں پہلے ہی دکھایا گیا ہے کہ وائلڈ کارڈ کے انتخاب کنندہ کا استعمال کرتے ہوئے بھی ایسا ہی کرسکتے ہیں. جینیفر کریین کی طرف سے اصل مضمون. 9/7/16 پر جیریمی Girard کی طرف سے ترمیم.
