مشکل نمایش های مختلف سایت در رزولیشن های مختلف [بایگانی]

elyas2012

شنبه 29 بهمن 1390, 10:17 صبح

سلاو.من یک طراح مبتدی وب هستم.وب سایتم توی مانیتور خودم که دارای رزولیشن 1024*768 هست کاملا خوب و بدون مشکل نشون میده و من کاملا از کارم رضایت داشتم.اما وقتی از لپ تاپ یکی از دوستام که مثل اکثر لپ تاپ ها دارای رزولیشن 1366*768 هست وب سایتم را دیدم متوجه شدم که به جای نمایش عناصر در مرکز صفحه کل وب به سمت چپ صفحه متمایل شده.البته بهم ریخته نیست و همون نظم را داره.مطمئنم جایی چینش به سمت چپ را قرار ندادم.حالا موندم چکار کنم.ممنون میشم راهنماییم کنید.تو زیر 2 تا آدرس گذاشتم.

http://www.seyedjavad.mahvizan.com
تو این یکی مشکلی که تو بالا اشاره کردم هست.

www.entekhabat.mahvizan.com (http://www.entekhabat.mahvizan.com)
اما تو اینیکی مشکل فوق را ندارم.

خودمم موندم.تموم کدهامم واسه اصلاحش بهم ریخت!!!

ravand

شنبه 29 بهمن 1390, 16:04 عصر

شما اگه بخواي كاري كني كه قالبت با نمايشگرهاي بزرگ هم بزرگ بشه يك مشكل پيدا ميكني اونم كيفت عكس هست كه پايين مياد.
اين يه روش:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<HTML xmlns="http://www.w3.org/1999/xhtml">
<head>
<title><-BlogAndPostTitle-></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<style type="text/css">
#div{
border:1px #CCCCCC solid;
height:auto;
width:98%;
}
</style>
</head>
<body>
<BLOGFA>
<div align="center">
<div id="div">
<img src="http://www.blogfa.com/images/blogfa.gif" style="width:20%;height:50%;"/>
</div>
</div>
</BLOGFA>
</body>
</html>

shmata

یک شنبه 30 بهمن 1390, 11:12 صبح

برای منم همچین مشکلی پیش اومده بود
این راه حل تست شده و صحیحه ضمن استفاده از کدی که دوستمون ارائه کردن از این هم میتونید استفاده کنید

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<HTML xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>studio-design.co</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style type="text/css">
#wrapper{
margin:0 auto;
width:920px;
}
</style>
</head>
<body>
<div id="wrapper">

</div>
</body>
</html>

elyas2012

یک شنبه 30 بهمن 1390, 16:55 عصر

ممنون از دوستان.مشکل حل شد.در کد css مقدار width را برای body تعیین کردم.

alonemm

یک شنبه 30 بهمن 1390, 18:29 عصر

سلاو.من یک طراح مبتدی وب هستم.وب سایتم توی مانیتور خودم که دارای رزولیشن 1024*768 هست کاملا خوب و بدون مشکل نشون میده و من کاملا از کارم رضایت داشتم.اما وقتی از لپ تاپ یکی از دوستام که مثل اکثر لپ تاپ ها دارای رزولیشن 1366*768 هست وب سایتم را دیدم متوجه شدم که به جای نمایش عناصر در مرکز صفحه کل وب به سمت چپ صفحه متمایل شده.البته بهم ریخته نیست و همون نظم را داره.مطمئنم جایی چینش به سمت چپ را قرار ندادم.حالا موندم چکار کنم.ممنون میشم راهنماییم کنید.تو زیر 2 تا آدرس گذاشتم.

http://www.seyedjavad.mahvizan.com
تو این یکی مشکلی که تو بالا اشاره کردم هست.

www.entekhabat.mahvizan.com (http://www.entekhabat.mahvizan.com)
اما تو اینیکی مشکل فوق را ندارم.

خودمم موندم.تموم کدهامم واسه اصلاحش بهم ریخت!!!

یک راه برای تصاویری که میخواید در هر سایز ریزولوشن تغییر کنه و عکس دفرمه یا افت کیفیت پیدا نکنه اینکه :
مثل بنر سایت رو به به چند قسمت تقسیم کنید و یک قسمت رو که قرار تکرار بشه به صورت بکگراند بدید.

Saber Mogaddas

یک شنبه 30 بهمن 1390, 19:54 عصر

سلام
از margin:auto استفاده کن که وسط چین شه..و width صفحه رو از 1007px بیشتر نگیر..
موفق باشی..