ریسپانسیو

amiralavi74 · Feb 17, 2013

با سلام خدمت دوستان و اساتید محترم...:
من یک صفحه با استفاده از html و css طراحی و پیاده کردم...
و موقعیت بندی رو براساس px قرار دادم...
حالا وقتی که مرورگر رو ریسایز میکنم قالب به هم میریزه کمک میخوام تا بتونم تا حدودی قالب رو ریسپانسیو کنم تا موقع ریسایز به هم نریزه!!!
ممنون میشم کمک کنید!

Cisco · Feb 17, 2013

این کد را در قسمت <head></head> قرار بدید

HTML:

<meta name="viewport" content="width=device-vidth" , initial-scale=1.0">

البته این کد به ساختار طراحیتون هم بستگی دارد.

موفق باشید.

amiralavi74 · Feb 17, 2013

با تشکر از همکاری شما من این کد رو قرار دادم اما همچنان وقتی قالب رو از حالت maximize خارج میکنم به کلی به هم میریزه!!!

ممنون میشم اگه کدی بدید که فقط به هم نریزه!
نیازی به ریسپانسیو نیست!!

Cisco · Feb 17, 2013

بله شما باید از ویژگی های ریسپانسیو استفاده کنید .
می توانید از فریم ورک های ریسپانسیو کمک بگیرید .
من خودم از بوت استرپ استفاده می کنم : http://twitter.github.com/bootstrap/

موفق باشید.

amiralavi74 · Feb 17, 2013

ممنون میشم اگه یک کم راهنمایی کنید :rose:

من فرم ورک های زیادی پیدا کردم اما نمیتونم از اونها استفاده کنم همه رو هم دیدم ولی نمیدونم چطور اونها رو در قالب جا بدم!!!
مثلا وقتی فایل bootstrap.css رو پیوست میکنم به کل قالب به هم میریزه!!!
ممنون میشم کمکم کنید.

farik · Feb 17, 2013

باسلام..
حقیقت این کدی که Cisco عزیز گذاشتن رو من تا بحال ندیده بودم..ان=ون قدیم تر ها میگفتن برای اینکه به مشکل برنخوری باید بر اساس درصد طراحی کنی صفحه رو..یعنی مثلا main دایو رو مشخص کنی با یک سایز مشخص بعد به بقیه بر حسب درصد مقدار بدی..
البته مثل اینکه از خصلت های جدیده..یک گوگل کردم به نظر جالب میاد..
موفق باشید..

amiralavi74 · Feb 17, 2013

بله در کل میشه از فرم ورک های مختلفی که وجود داره استفاده کرد...
حتی من موفق شدم از بوت استراپس هم استفاده کنم...
اما همچنان به هم میریزه!!!

itboys · Feb 17, 2013

دوست من ، این که به هم میریزه هزار تا دلیل میتونه داشته باشه ...
1- به درستی ساختار صفحه رو ایجاد نکردی!
2-روی عرض و ارتفاع دایوها و سایر عناصر دقت نکردی !
3- از درصد و px به طور ناشیانه استفاده کردی و ......
4- بعضی از تگ ها رو نبسته ای و....
.
.

farik · Feb 18, 2013

@itboyss:فکر نمیکنم از دلایل 4 باشه..باز هم اگه باشه با یک validator مشخص میشه...موارد دیگه هم یکم کلی گفتین..البته حق دارین کد رو ندارین..
کاش که کد رو قرار میدادین تا بشه دقیق تر روش بحث کرد..
موفق باشید..

amiralavi74 · Feb 18, 2013

با تشکر از همکاری همه دوستان....
جناب itboys
1.من صفحه رو براساس استاندارد های html ساختم و از شیوه نامه هم طبق معمول همیشه استفاده کردم.
2.برای همه عناصر درسته عرض و ارتفاع تعریف نکردم اما هیچوقت این مشکل رو نداشتم ( ممکنه از همین باشه مشکل لطفا بیشتر توضیح بدید!! )
3.از درصد و پیکسل طبق تمام آموزش ها و مطابق همه صفحاتی که دیده بودم درست کردم!
4.اطمینان میدم که تمام صفحه و تگ ها و دایو ها رو بستم ( صفحه اینقدر ها هم پیچیده نیست چندتا عکس و متن و یک فرمه فقط )

farik گفت:
باز هم اگه باشه با یک validator مشخص میشه...

دوست عزیز من با دریمویور کار میکنم و اون هیچ اشتباهی رو در تگ ها نشون نمیده !
از درصد هم استفاده کردم اما تفاوتی نکرد!
ممنونم که همکاری میکنید.

farik · Feb 18, 2013

باسلام..
اگه امکانش هست خوب کد صفحه رو ضمیمه کنین..تا بشه بیشتر روش بحث کرد..
موفق باشید..

amiralavi74 · Feb 18, 2013

با تشکر از همه بالاخره موفق شدم این کلاس رو برای همه div هام تعریف کردم تا درست شد!

کد:

[/INDENT]

[INDENT=2]         ;position:relative
         ;margin:0px auto
         ;width:1024px
         ;padding: 0px
[/INDENT]

[INDENT=2][CODE/][/INDENT]
[/LEFT]