قد يكون من الصعب توسيط تخطيطات العرض الثابت مع بعض المتصفحات الشائعة ، ولكن ذلك ممكن ، مع وجود بضعة أسطر من الشفرات فقط.
و كيف
- قم بإنشاء صفحة ويب جديدة باستخدام ورقة أنماط CSS في محرر HTML الخاص بك.
- قم بإنشاء عنصر div كعنصر رئيسي في الصفحة حيث ستقوم بتخزين كل شيء على الصفحة.
- امنح عنصر div معرّفًا فريدًا على الصفحة.
- افتح ورقة أنماط CSS وعيّن عرض عنصر div. div # main {width: 750px؛ }
- أضف هوامش تلقائية لتوسيط div. div # main {width: 750px؛ left-left: auto؛ الهامش الأيمن: auto}
- لإصلاحه لـ Netscape 4 ، يقوم IE 4 - 6 ( وضع المروِّجات ) بإضافة محاذاة نصية على النص. body {text-align: center؛ }
- ولكن بعد ذلك تتم توسيط كل النص الموجود بداخله ، لذلك أعد محاذاة النص في div #main الخاص بك عن طريق إضافة محاذاة النص: left؛ هناك. div # main {width: 750px؛ left-left: auto؛ الهامش الأيمن: auto؛ محاذاة النص: left؛ }
- احفظ صفحتك وورقة الأنماط الخاصة بك.
- اختبار في العديد من متصفحات الويب.
تلميح
سيؤدي هذا إلى توسيط مربع التخطيط وليس المحتوى الموجود بداخله. استخدم محاذاة النص لتوسيط المحتوى الداخلي.