طرح بندی عرض های ثابت می تواند سخت باشد با برخی از مرورگرهای محبوب که خارج از آن قرار دارد، اما ممکن است تنها چند خط کد باشد.
در اینجا چگونه است
- یک صفحه وب جدید با یک شیوه CSS در ویرایشگر HTML خود ایجاد کنید.
- عنصر div را به عنوان عنصر اصلی در صفحه ایجاد کنید که در آن همه چیز را در صفحه ذخیره کنید.
- این عنصر div را یک ID که در صفحه منحصر به فرد است، به آن بدهید.
- CSS Style Sheet را باز کنید و عرض عنصر Div را تنظیم کنید. div # main {width: 750px؛ }
- اضافه کردن حاشیه های خودکار به مرکز div خود. div # main {width: 750px؛ حاشیه سمت چپ: خودکار؛ حاشیه سمت راست: خودکار}
- برای رفع آن برای Netscape 4 و IE 4 - 6 ( حالت پیش فرض ) یک متن متناسب با بدن اضافه کنید. body {text-align: center؛ }
- اما پس از آن تمام متن درون محور قرار دارد، بنابراین متن را در #main div خود متناسب با اضافه کردن متن-align: left؛ در آنجا. div # main {width: 750px؛ حاشیه سمت چپ: خودکار؛ حاشیه سمت راست: خودکار؛ text-align: left؛ }
- صفحه و صفحه سبک خود را ذخیره کنید.
- تست در چند مرورگر وب.
نکته
این جعبه طرح را مرکب می کند، نه محتوای آن. برای محور محتوای درونی از متن استفاده کنید.