PDA

View Full Version : وسط قرار گرفتن سایت در صفحه


okpnz1
دوشنبه 18 فروردین 1393, 13:03 عصر
سلام
من سایتی که طراحی کردم هر چی کد می زنم سایت یا میره سمت چپ صفحه یا راست قبلا با اضافه کردن تگ <center> قبل بادی سایت میومد وسط صفحه این سایت رو با div پیکربندی کردم قبلی با تیبل بود
می خواستم راهنمایی کنید چیکار کنم؟
و همچنین هدر و مطالب رو پشت سر هم با همون چیدمانی که می خوام میاره ولی وقتی فودر رو میارم میره زیر هدر قرار میگیره من می خوام نسبت به مطالب که طولش متغیره هدر هم متغیر باشه نمی خوام به سایت طول خاصیو نسبت بدم
ببخشید تاپیک طولانی شد ممنون می شم کمکم کنید
bestdata
دوشنبه 18 فروردین 1393, 13:27 عصر
لطفا کد فایل یا خود فایل یا ادرس سایت رو بدید تا بررسی بشه
rezadana
دوشنبه 18 فروردین 1393, 13:51 عصر
<body><center>
به این صورت کد center رو بعد از body بزارید و اونو نبندید.
okpnz1
دوشنبه 18 فروردین 1393, 13:57 عصر
لطفا کد فایل یا خود فایل یا ادرس سایت رو بدید تا بررسی بشه
سایت رو هنوز آپلود نکردم و کد فایل هم چیزی نیست که بذارم یک دایو برای هدر یک دایو برای بادی و یک دایو برای فودر همین
okpnz1
دوشنبه 18 فروردین 1393, 13:57 عصر
<body><center>
به این صورت کد center رو بعد از body بزارید و اونو نبندید.
این کارم کردن نشد
okpnz1
دوشنبه 18 فروردین 1393, 14:25 عصر
دوستان بعد یگ بادی و فرم یک دایو اضافه کردم
<div style="position:absolute; left:15%">

.
.
.
.
.

</div>



و توی چهارتا مرورگر تست کردم وسط میاره ولی به نظرتون امکان داره توی مانیتورهایی با اینچ های مختلف بهم بریزه؟من توی 15.6 تست کردم
Mohammad_dn
دوشنبه 18 فروردین 1393, 14:49 عصر
این کار اصولی نیست
okpnz1
دوشنبه 18 فروردین 1393, 15:19 عصر
این کار اصولی نیست

خودمم می دونم:اشتباه:
ولی هر کاری به ذهنم می رسید و هرکاری که تو این تاپیک و تاپیک های مشابه در همین سایت دوستان گفتند رو انجام دادم ولی نمیشه
akbarshafahi
دوشنبه 18 فروردین 1393, 15:46 عصر
سلام دوست عزیز باید به div اصلی که تمامی اطلاعاتت توی اونه خاصیت margin-left = auto و margin-right=auto قرار میدیم . همین
okpnz1
دوشنبه 18 فروردین 1393, 16:10 عصر
سلام دوست عزیز باید به div اصلی که تمامی اطلاعاتت توی اونه خاصیت margin-left = auto و margin-right=auto قرار میدیم . همین
من همه این کارهارو انجام دادم:(

<body>
<form id="form1" runat="server">
<div style="margin-left:auto; margin-right:auto;">
حتی توی کد سی اس اس هم ریست کردم همه ی تنظیماتو ولی فااااااااااااایده نداره من همیشه با تگ سنتر کارم را میوفتاد ولی این دفعه :اشتباه:
Mag-Mag
دوشنبه 18 فروردین 1393, 16:21 عصر
به این مثال توجه کن :

<div>
<div style="width:1024px;margin:auto;" >
<div class="header" style="border:1px solid #000;height:60px;">header</div>
<div style="margin-top:10px;border:1px solid #EEE;height:360px;">Body</div>
</div>
</div>



یک دایو کلی می ذاری که کل صقحه رو پوشش می ده و داخل اون یک دایو دیگه که مثلا عرضش 1024 هست و فاصله اش هم از ذو طرف به طور اتومات تنظیم میشه
okpnz1
دوشنبه 18 فروردین 1393, 16:33 عصر
ممنون از راهنماییاتون همه این کارارو انجام دادم ولی متاسفانه هیچکدوم درسش نکرد احتمالا کدایی که زدم مشکل داره والا باید با یکیش درست می شد
مرسی که کمکم کردین:تشویق:
Mori Bone
دوشنبه 18 فروردین 1393, 16:44 عصر
برا div اصلی ای که کا اجزا روشه float نزار بعد از این div رو داخل تگ <center></center> قرار بده، یا تگه<div align="center"></div>
elahe471
دوشنبه 18 فروردین 1393, 19:11 عصر
حرفه ایش اینه که با css درست کنید که یکی از دوستان اشاره کردن
1- باید یه div کلی داشته باشید سه قسمت header، content و footer داخل اون div اصلی قرار بگیره
2- کلاس اون Div اصلی باید یه width داشته باشه و margin راست چپ اون auto باشه

یه نمونه الان attach میکنم
sajad_boj71
دوشنبه 18 فروردین 1393, 19:53 عصر
اینو تست کن:

<div style="margin:0 auto">
okpnz1
دوشنبه 18 فروردین 1393, 21:40 عصر
حرفه ایش اینه که با css درست کنید که یکی از دوستان اشاره کردن
1- باید یه div کلی داشته باشید سه قسمت header، content و footer داخل اون div اصلی قرار بگیره
2- کلاس اون Div اصلی باید یه width داشته باشه و margin راست چپ اون auto باشه

یه نمونه الان attach میکنم
مرسیییییییییییییییییییییی ییییییییییییییییییییییییی ییییییییییییییییییییییییی یییی
درست شد