PDA

View Full Version : سوال: کمک در چیدمان سایت با div


moferferi
جمعه 29 مهر 1390, 03:48 صبح
سلام.
دوستان ایا روشی وجود داره که بشه سایت در مرورگر اکسپلورر 6و7و8 و موزیلا درست نمایش داده بشه.
من هر کاری میکنم چیدمان سایتما کاری بکنم که توی حد اقل این دو مرورگر درست در بیاد نمیشه.

من یه همچین چیدمانی با div میخوام.
توی اکسپلورر 8 درسته.ولی توی 6و7 به هم میریزه.و توی موزیلا هم با خاصیت auto size مشکل داره.
در صورت امکان عکس را یه نگاهی بکنید و اگه میشه راهنمایی کنید.
ممنون

البته اگه قسمت های left,center,right,footer را بزارم توی یه جدول درست میشه.توی همه مرورگر ها با همه ورژنی هم کار میکنه.
اما در صورت امکان میخوام که از تیبل استفاده نکنم
ravand
جمعه 29 مهر 1390, 08:18 صبح
سلام
بهتر بود كدهاي قالبت رو اينجا ميذاشتي تا همه ببين مشكل از چيه؟
اينطوري به راحتي نميشه فهميد مشكل چيه!
css-man
جمعه 29 مهر 1390, 11:39 صبح
برای اینکه سایتت تو همه مرورگر ها یجور نمایش داده بشه باید از reset css استفاده کنی

یه جستجو تو گوگل بکن مطالب کاملی در موردش دسدت میاد
Saber Mogaddas
جمعه 29 مهر 1390, 12:21 عصر
سلام
من اینو واسط درست کردم تستم زدم..
البته اگه بخوایی Footer یه کف Browser بچسبه قضیش فرق می کنه ..
76880
موفق باشی..

واسه css reset این فریم خالی همینو بنویسی تو css کافیه..


body
{
margin:0;
padding:0;
}
moferferi
جمعه 29 مهر 1390, 13:26 عصر
اقا صابر ممنون کمکم کردی.توی تموم مرورگرها درست نمایش داده میشه

من هم مثل شما عمل کرده بودم.ولی مشکلم این بود که تگ footer توی موزیلا میچسبید به تگ menu.ولی توی اکسپلورر درست بود.

اما شما از
overflow:hidden;
در تگ Wraper استفاده کردی که من نکرده بودم.و مشکلم حل شد.
کلا توی موزیلا اگه ارتفاع را تعیین نکنی نسبت به تگ های داخل ارتفاعش تغییر نمیکنه.
اما اگه از کدی که شما گذاشته بودین استفاده بشه این مشکل حل میشه.

فقط با اینکه الان میدونم مشکل از چی بود و حل شد در صورت امکان در مورد عملکرد overflow:hidden یه توضیحی بدین.
zareei_ta
شنبه 30 مهر 1390, 10:21 صبح
سلام
من اینو واسط درست کردم تستم زدم..
البته اگه بخوایی Footer یه کف Browser بچسبه قضیش فرق می کنه ..
76880
موفق باشی..



[/CSS]

اگه بخوایمdiv که فوتر سایت هست به کف مرورگر بچسبه باید چه کدی بنویسیم.ممنون
Saber Mogaddas
شنبه 30 مهر 1390, 20:37 عصر
اگه بخوایمdiv که فوتر سایت هست به کف مرورگر بچسبه باید چه کدی بنویسیم.ممنون
سلام
یه div دارید که کل صفحه رو wrap میکنه شما footer رو زیر wraper می زارید و قبل از </div>
wraper یه div می سازیم و به css اون کد clear:both; میدیم ..
شما اول کل سایت رو طراحی کنید footeram همچنین بعد این کارو بکنید..
زیرم مثالشو نوشتم براتون..


<style type="text/css">
.clear
{
clear:both;
}
</style>
<body>
<div id="Wraper">
<div id="Header"></div>
<div id="Men"></div>
<div id="Wraper">
<div id="Right"></div>
<div id="Center"></div>
<div id="Left"></div>
</div>
<div class="clear"></div>
</div>
<div id="Footer" class="clear"></div>
</body>

موفق باشید..
Saber Mogaddas
شنبه 30 مهر 1390, 20:45 عصر
فقط با اینکه الان میدونم مشکل از چی بود و حل شد در صورت امکان در مورد عملکرد overflow:hidden یه توضیحی بدین.
سلام
دوست عزیز تگ overflow چهار تا گزینه داره..
1-visible این دستور باعث می شه محتوای داخل دیو وقتی زیاد می شن دیو هم نسبت به محتویاتش بزرگ شه..
2- hidden ای دستور محتوای اضافه در داخل div رو نشون نمیده hidden میکنه..
3- scroll,auto تو این گزینه ها هم اگه محتوات div شما زیاد باشه scroll می خوره
موفق باشید.