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

idocsidocs

پنج شنبه 06 مرداد 1390, 01:02 صبح

idocsidocs

پنج شنبه 06 مرداد 1390, 01:38 صبح

http://www.nevyandex.ru/uploads/posts/2011-07/13113207847014.jpeg
جلل خالق

این دیگه چه جوابیه که شما دادین؟

mr.zenith

پنج شنبه 06 مرداد 1390, 02:58 صبح

سلام
دوست عزیز برای وسط قرار گرفتن مطالب یک div به دور همه مطالب بگشید بعد خاصیت margin را برای top=0 و left=auto قرار بدین

mr.zenith

پنج شنبه 06 مرداد 1390, 02:59 صبح

جلل خالق

این دیگه چه جوابیه که شما دادین؟
خب این آدمه وسط عکس درست شده :لبخند:

Arthas1990

پنج شنبه 06 مرداد 1390, 04:10 صبح

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

ارتفاع صفحه هم همواره باید برابر ارتفاع مانیتور باشه و درصورت نیاز ارتفاع صفحه از ارتفاع مانیتور بیشتر بشه.

یک دایو وا3 کل سایتت در نظر بگری و سی اس اس زیر رو واسش ست کن :
width:100%
text-align:center
بعدش وا3 محتوای سایتت یه دایو دیگه داخی دایو بالا تعریف کن و سی اس اس زیر رو ست کن واسش :
text-align:right
width:900px
border:thin #000 solid

تست که کردی اگه بردر لازم نداشتی برش دار

idocsidocs

پنج شنبه 06 مرداد 1390, 13:15 عصر

یک دایو وا3 کل سایتت در نظر بگری و سی اس اس زیر رو واسش ست کن :
width:100%
text-align:center
بعدش وا3 محتوای سایتت یه دایو دیگه داخی دایو بالا تعریف کن و سی اس اس زیر رو ست کن واسش :
text-align:right
width:900px
border:thin #000 solid

تست که کردی اگه بردر لازم نداشتی برش دار
ببینید وقتی ما پهنای تگ دوم رو 900 پیکسل تعیین کردیم، می تونیم همین تگ رو در وسط صفحه قرار بدیم و دیگه به تگ اول که با درصد مشخص شده احتیاجی نداریم.

چون همه محتویات سایت توی تگی که 900 پیکسل پهنا داره قرار می گیره و در هر شرایطی این تگ در وسط صفحه هست.

نظرتون چیه؟

Arthas1990

پنج شنبه 06 مرداد 1390, 14:58 عصر

ببینید وقتی ما پهنای تگ دوم رو 900 پیکسل تعیین کردیم، می تونیم همین تگ رو در وسط صفحه قرار بدیم و دیگه به تگ اول که با درصد مشخص شده احتیاجی نداریم.

چون همه محتویات سایت توی تگی که 900 پیکسل پهنا داره قرار می گیره و در هر شرایطی این تگ در وسط صفحه هست.

نظرتون چیه؟

درسته . تگ اول فقط برای دسته بندی است

Galkin_Denis

شنبه 15 مرداد 1390, 23:30 عصر

http://www.nevyandex.ru/uploads/posts/2012-01/nevyandex.ru_demotiveyshen_pyatnichnye-demotivatory_15.jpeg Фото (http://www.nevyandex.ru/foto-prikoly/10111-novyy-god-i-koty.html) источника.

رضا قربانی

یک شنبه 16 مرداد 1390, 12:37 عصر

Я
Вот программа и не рекламировать его. И вы можете рекламировать в других местах.
Спасибо моему другу
Реза Горбани
Иран

binyaft

یک شنبه 16 مرداد 1390, 17:15 عصر

اقا بیا تعطیل کنیم بریم روسیه :|
اون یارو احتمالا روباته که شما بش گفتی تبلیغ نکنه :|

Galkin_Denis

یک شنبه 04 دی 1390, 11:48 صبح

Когда я наливаю воду в чайник и ставлю кипятится, он начинает святится не естественным образом.
Когда всёже вода начинает кипеть, чайник перестает светится и начинает подпрыгивать (http://x.co/c4UT)! Один раз он упрыгал даже в ванну.
Подскажите как мне его починить.?
Отвечают:
Здравствуйте. Ваша проблема встречается очень часто. И, к сожалению, врядли вам чемто можно помочь.
Единственное, что мы можем - это заявить на вас в милицию. Так что решайте что вам дороже.

رضا قربانی

یک شنبه 04 دی 1390, 14:36 عصر

اقا بیا تعطیل کنیم بریم روسیه :|
اون یارو احتمالا روباته که شما بش گفتی تبلیغ نکنه :|
مطمئنی روباته :لبخند:

ravand

یک شنبه 04 دی 1390, 14:59 عصر

اتفاقا مشكل كنم با نمايشگر هاي مختلف همينه مشكل div رو تونستم با درصد حل كنم ولي مشكل عكس رو نه

idocsidocs

یک شنبه 04 دی 1390, 15:10 عصر

اتفاقا مشكل كنم با نمايشگر هاي مختلف همينه مشكل div رو تونستم با درصد حل كنم ولي مشكل عكس رو نه

می شه در مورد حل کردن مشکل دایو با در صد توضیح بدید؟ اگر مانیتور کوچیک باشه چکار می کنید و اگر بزرگ باشه؟ لطفا کدتون رو هم اینجا بذارید.

ravand

یک شنبه 04 دی 1390, 15:25 عصر

اين روش زير رو ببين:

<!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>
براي عكس هم ميشه ازش استفاده كرد ولي عكس زمينه رو اگه بخواي اين كار رو بكني بايد از css3 استفاده كني. كه با همه ي مرورگر ها سازگار نيست.

div#test {
background-image: url(your_image.jpg);
background-size: 100% 100%;

idocsidocs

یک شنبه 04 دی 1390, 15:49 عصر

شما عرض رو گذاشتید روی 98 درصد !

اینطوری که که بهتره روی همون 100 درصد بمونه یا اصلا از این روش استفاده نکرد !

ravand

یک شنبه 04 دی 1390, 15:54 عصر

شما عرض رو گذاشتید روی 98 درصد !

اینطوری که که بهتره روی همون 100 درصد بمونه یا اصلا از این روش استفاده نکرد !

من قالبم رو با پيكسل نوشته بودم و مثلا 700 پيكسل گذاشته بودم . منظورم يه اندازه ي خاصي هست. كه ميخواستم توي مانيتور crt اين اندازه براي div باشه. بعد مي خواستم همين اندازه براي lcd هم باشه. مثلا طرف راست و چپ جدولي كه با div ساختم يه فاصله اي باشه همون اندازه فاصله توي همه ي نمايشگر ها يكسان باشه.
نميدونم منظورم رو متوجه شديد يا نه اگه نشديد اين كد رو كه دادم تست كنيد البته با همه ي نمايشگر ها متوجه ميشد.

رضا قربانی

یک شنبه 04 دی 1390, 16:38 عصر

اتفاقا مشكل كنم با نمايشگر هاي مختلف همينه مشكل div رو تونستم با درصد حل كنم ولي مشكل عكس رو نه
خب می تونی از تگ <img استفاده کنی !!!!!!!! عرض و ارتفاعش رو 100% بده
height:100%
width:100%
style="border:none" i

به همین راحتی

یا اگر واسه بکگراند بخوایی بازم می تونی از دستورات سی اس اس مثل پوزیشن - زد ایندکس استفاده کنی . یعنی تگ img رو زیر میذاری و بهش درصد می دی و یک بلاک روش میذاری

MMSHFE

یک شنبه 04 دی 1390, 16:56 عصر

با سلام، کد زیر رو امتحان کنید:

<!doctype html>
<html>
<head>
<title>Hello</title>
<meta charset="utf-8"/>
<style type="text/css">
body {
bottom: 0px;
margin: 0px;
padding: 0px;
position: absolute;
top: 0px;
width: 100%;
}
#container {
border: solid thin #000000;
min-height: 100%;
margin-left: auto;
margin-right: auto;
top: 0px;
position: relative;
width: 700px;
}
</style>
</head>
<body>
<div id="container">
This is a simple page.<br/>
</div>
</body>
</html>

اینطوری ارتفاع صفحه، حداقل 100٪ هست و اگه مطالب بیشتر بشه، صفحه بزرگ میشه.
موفق باشید.

idocsidocs

یک شنبه 04 دی 1390, 17:52 عصر

اینطوری ارتفاع صفحه، حداقل 100٪ هست و اگه مطالب بیشتر بشه، صفحه بزرگ میشه.مهندس اینجا رو خوب گفتید !

این روش رو چطور می شه با مرورگرهای ie سازگار کرد؟

مسئله دیگه اینکه اگر یه تگ دیگه داخل container داشته باشیم، ارتفاع اون تگ داخلی رو چطور می تونیم به همین روش تنظیم کنیم؟

MMSHFE

یک شنبه 04 دی 1390, 18:30 عصر

مهندس اینجا رو خوب گفتید !

این روش رو چطور می شه با مرورگرهای ie سازگار کرد؟

مسئله دیگه اینکه اگر یه تگ دیگه داخل container داشته باشیم، ارتفاع اون تگ داخلی رو چطور می تونیم به همین روش تنظیم کنیم؟
برای IE از این کد استفاده کنید:

#container {
height: auto !important;
height: 100%;
min-height: 100%;
}

درمورد مشکل دوم هم بله به همین روش میتونید. دقت کنید که وقتی یک کنترل والد رو absolute میکنید، در کنترلهای فرزند اون، ابعاد برحسب والد سنجیده میشه. درنتیجه وقتی توی کنترل فرزند میگیم 100٪، کل پنجره مرورگر منظورمون نیست، بلکه 100٪ کنترل والد موردنظرمون هست.
موفق باشید.

ravand

یک شنبه 04 دی 1390, 18:45 عصر

خب می تونی از تگ <img استفاده کنی !!!!!!!! عرض و ارتفاعش رو 100% بده
height:100%
width:100%
style="border:none" i

به همین راحتی

یا اگر واسه بکگراند بخوایی بازم می تونی از دستورات سی اس اس مثل پوزیشن - زد ایندکس استفاده کنی . یعنی تگ img رو زیر میذاری و بهش درصد می دی و یک بلاک روش میذاری

ميشه براي اين راهي كه ميگيد يه نمونه كد بنويسيد؟

idocsidocs

یک شنبه 04 دی 1390, 19:21 عصر

درمورد مشکل دوم هم بله به همین روش میتونید. دقت کنید که وقتی یک کنترل والد رو absolute میکنید، در کنترلهای فرزند اون، ابعاد برحسب والد سنجیده میشه. درنتیجه وقتی توی کنترل فرزند میگیم 100٪، کل پنجره مرورگر منظورمون نیست، بلکه 100٪ کنترل والد موردنظرمون هست.
مهندس با کد توضیح بدید که متوجه بشم.