ثابت ماندن عرض (حتی با کوچک کردن پنجره)

Printable View

24-01-2009, 00:16
mohan21

ثابت ماندن عرض (حتی با کوچک کردن پنجره)

سلام

من میخوام اندازه صفحه ثابت بمونه و تغییری نکنه و ...

اگر اندازه پنجره از حد معمول کوچکتر شد محتویات صفحه جمع نشه ...

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

اینطور بگم که سمت راست و چپ اندازه ثابتی داره و وسطی خودش رو طبق اندازه پنجره مابین دو تا ستون پخش میکنه ...

اما وقتی پنجره رو کوچک کنم ستون وسطی که محتویات صفحه (متن و عکس هست) بعد از اینکه کوچک کردن صفحه بیش حدی باشد که عرض ستون وسط به اندازه تصاویر در آن شود و دیگر نتواند جمع تر شود ...

ستون وسطی بر روی ستون چپ و راست رفته و آنها را محو میکند که این یعنی ...

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

از min-width هم استفاده کردم اما جوابی ندیدم ...

ممنون از کمک آینده تون ...
24-01-2009, 01:09
neopersia

میشه از خاصیت min-width توی css استفاده کرد اما توی IE ساپورت نمیشه!:
[html]
table {
min-width: 400px;
}
[/html]
برای اینترنت اکسپلورر باید یک عرض ثایت در نظر بگیرید یا اینکه باجاوا اسکرپت یا css expression که یه جورایی همون جاوا اسکرپته استفاده کنید
24-01-2009, 09:09
as13851365

برای راحتی کار و برای این که تمام مرورگر ها درست نمایش بدن شما باید از تک div های ثابت استفاده کنی

برای این کار شما در بالا و یا در پایین صفحه خود یک div خالی با اندازه ثابت قرار می دید

برای مثال ما طور این div را 400 در نظر می گیریم و عرض آن را 1 .

برای ارتفاع هم می شه از همچین روشی استفاده کرد
24-01-2009, 15:06
mohan21

اوّل از شما دوستان تشکر کنم ...

نقل قول:

میشه از خاصیت min-width توی css استفاده کرد اما توی ie ساپورت نمیشه!

من هم گفتم که اینکار جوابی نداد ...

نقل قول:

برای راحتی کار و برای این که تمام مرورگر ها درست نمایش بدن شما باید از تک div های ثابت استفاده کنی

برای این کار شما در بالا و یا در پایین صفحه خود یک div خالی با اندازه ثابت قرار می دید

برای مثال ما طور این div را 400 در نظر می گیریم و عرض آن را 1 .

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

از شما هم ممنونم،
امّا این مشکلی رو حل نمیکنه، فرض کنید مانیتور کاربر 17 اینچ باشه خوب من باید عرض 1003 رو در نظر بگیرم که در این صورت با کوچک شدن پنجره مشکلی پیش نمیاد اما مشکل جایی است که کابر مثل من و شما از مانیتور 19 استفاده کنه در این صورت اندازه صفحه ما 1003 هست و دیگه خودش رو با کل پنجره ست نمیکنه ...

من میخوام در از این اندازه کمتر تغییری نکنه و بیشتر از این کش بیاد ...

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

حالا چکاری میشه کرد برای این معضل بزرگ ...
25-01-2009, 09:49
as13851365

من درست نگرفتم که شما می خواهید اندازه یک المنت از یک اندازه کمتر نشه و یا از یک اندازه بیشتر نشه ؟ ( کدومش ؟ یا شاید هم من درست نفهمیدم که شما چی می خواهید ! )

ولی اگر شما می خواهید که مثلا در هر شرایطی اندازه مثلا یک ستون از table کمتر از 300 پیکسل نشه از همان کاری که در پست قبلی گفتم می تونی استفاده کنی و مطمئن باش که در هر شرایطی اندازه آن ستون از جدول کمتر از 300 پیکسل نمی تونه بشه و در این حالت هم چون شما اندازه آن ستون را %100 در نظر گرفتید ستون مورد نظر کل صفحه مرور گر را خواهد گرفت .
25-01-2009, 22:04
mohan21

با min-witdh جواب میده اما در IE نه ...

به روایتی ...

نقل قول:

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

مشکل در IE
26-01-2009, 09:09
as13851365

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

اگر وقت داشتم یک نمونه برات می نویسم
26-01-2009, 10:15
as13851365

نقل قول:

با min-witdh جواب میده اما در IE نه ...

شما از هر دو روش استفاده کنید یعنی هم از min-witdh استفاده کنید تا مرورگرهای دیگه را ساپرت کنه و هم از روش زیر استفاده کنید تا مرورگر IE هم به همان شکل که انتظار دارید با محتویات داخلش رفتار کنه.

[HTML]
<body>
<table width="100%" border="1" bordercolor="#FF9933">
<tr>

<td width="150">width:150px<br /><br />

<div style="width:150px"></div></td>

<td >width:400px<br /><br />

<div style="width:400px"></div></td>

<td width="150">width:150px<br /><br />

<div style="width:150px"></div></td>

</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
<br />
<br />

<div style="width:100%;background-color:#FEE7FE;">width:400px<br />

<div style="width:400px"></div>
</div>
</body>

[/HTML]
29-01-2009, 23:33
mohan21

با تشکر از شما

مشکل حل شد ...

معذرت که با کمی تاخیر امدم ...

از همه ی دوستان ممنونم