স্থায়ী প্রস্থ লেআউটগুলি সেখানে জনপ্রিয় ব্রাউজারগুলির কিছুতে কেন্দ্রের পক্ষে কঠিন হতে পারে, তবে কোডের কয়েকটি লাইনের সাথে এটি সম্ভব।
এখানে কিভাবে?
- আপনার এইচটিএমএল এডিটরে CSS স্টাইলশীট সহ একটি নতুন ওয়েব পেজ তৈরি করুন।
- পৃষ্ঠায় প্রধান উপাদান হিসাবে একটি div উপাদান তৈরি করুন যেখানে আপনি পৃষ্ঠাতে সবকিছু সঞ্চয় করবেন।
- ঐ div উপাদানটি এমন একটি ID দিন যা পৃষ্ঠায় অনন্য।
- আপনার সিএসএস স্টাইল শীট খুলুন এবং আপনার ডিভি উপাদানটির প্রস্থ সেট করুন। div # main {width: 750px; }
- আপনার DIV কেন্দ্র স্বয়ংক্রিয় মার্জিন যোগ করুন div # main {width: 750px; মার্জিন বাম: অটো; মার্জিন ডান: অটো}
- নেটস্কেপ 4 এর জন্য এটি ঠিক করতে, এবং IE 4 - 6 ( quirks মোড ) শরীরের একটি টেক্সট-সারিবদ্ধ যুক্ত করুন। শরীর {পাঠ্য-সংমিশ্রণ: কেন্দ্র; }
- কিন্তু তারপর ভিতরে সমস্ত পাঠ কেন্দ্রিক হয়, তাই পাঠ্য সংমিশ্রণটি যোগ করে #মাইন ডিভে পাঠ্যটি পুনরায় সাজান: বাম; সেখানে. div # main {width: 750px; মার্জিন বাম: অটো; মার্জিন-ডান: অটো; পাঠ্য সাইনইন: বাম; }
- আপনার পৃষ্ঠা এবং আপনার শৈলী শীট সংরক্ষণ করুন।
- কয়েকটি ওয়েব ব্রাউজারে টেস্ট করুন
ডগা
এটি লেআউট বক্সটি কেন্দ্র করবে কিন্তু এর মধ্যে থাকা সামগ্রীটি নয়। ভেতরের বিষয়বস্তু কেন্দ্রে টেক্সট-সারিবদ্ধ ব্যবহার করুন