سلام
میخوام موقع طراحی قالب داخل تمام مانیتورها یک سایز ثابت ایجاد بشه
برای اینکار فهمیدم باید از درصد داخل دایو استفاده شود. اما آیا باید تمام قسمت هایی که از width استفاده میشه درصد داد یا فقط دایو کلی را ؟
دقت کنید. سایت های حرفه ای اصولا header سایت رو 100% l میزارن. که زمینه هدر رو هر مونیتوری کامل نمایش داده بشه. بعد میان محتویات هدر رو در مر کزش قرار می دن مثلا:
HTML:
<div id="header">
<div class="content"> </div>
</div>
این css رو بنویسید :
[CSSS]#header {
width:100%;
background://somthings
#header .content
{
width:1000px;
margin:0 auto;
}
}[/CSSS]
سلام به همگی .. دوستان حالا اگه بخوایم مثلا تو همه سایزهای مختلف مانیتور مثلا 80 در صد از صفحه باشه چی ؟ البته میدونم که باید عرض رو 80% بذارم ... !! ولی دایوهای داخلش رو چیکار کنم ؟؟ اونا رو هم باید درصدی بذارم ؟؟ مثلا ده تا دایو تو در تو دارم ! اینجوری که خیلی سخت میشه !
ساده است. شما مثلا برای یک مونیتور 1024px پهنا رو 80% در نظر می گیرید. حالا تگ داخلی این تگ اگر پهنای 50% داشته باشه سایزش بر حسب پیکسل میشه : 0.5x0.8x1024
اکثر سایت های حرفه ای مثل فیس بوک در این نقاط از % استفاده می کنند:
1-header و footer
2-آلرت ها (پنجره هایی که روی بقیه با پوزیشن فیکس با ز میشه : css position:fixed)
3-جاهایی که با دقت روش کنترل javascript وجود داره تا در صورتی پهنای صفحه نا فرم شد یک سری از محتویات صفحه رو حذف کنه (مثلا چت کنار صفحه که فقط تو مونیتور های widescreen میاد)