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

واضح آرشیو وب فارسی:سایت ریسک: mohan2124-01-2009, 12:16 AMسلام من میخوام اندازه صفحه ثابت بمونه و تغییری نکنه و ... اگر اندازه پنجره از حد معمول کوچکتر شد محتویات صفحه جمع نشه ... من این رو برای جدول میخوام تا سه ستون اون وقتی صفحه کوچک شد، تو در تو نشه ... اینطور بگم که سمت راست و چپ اندازه ثابتی داره و وسطی خودش رو طبق اندازه پنجره مابین دو تا ستون پخش میکنه ... اما وقتی پنجره رو کوچک کنم ستون وسطی که محتویات صفحه (متن و عکس هست) بعد از اینکه کوچک کردن صفحه بیش حدی باشد که عرض ستون وسط به اندازه تصاویر در آن شود و دیگر نتواند جمع تر شود ... ستون وسطی بر روی ستون چپ و راست رفته و آنها را محو میکند که این یعنی ... من نمیخوام اینطور بشه و برای این کار به تگ بالایی اون باید یه اندازه کمینه بدم تا وقتی به این اندازه رسید دیگه کوچک نشه اما بتونه خودش رو تا اونجایی که پنجره اجازه میده بزرگ کنه ... از min-width هم استفاده کردم اما جوابی ندیدم ... ممنون از کمک آینده تون ... neopersia24-01-2009, 01:09 AMمیشه از خاصیت min-width توی css استفاده کرد اما توی IE ساپورت نمیشه!: table { min-width: 400px; } برای اینترنت اکسپلورر باید یک عرض ثایت در نظر بگیرید یا اینکه باجاوا اسکرپت یا css expression که یه جورایی همون جاوا اسکرپته استفاده کنید as1385136524-01-2009, 09:09 AMبرای راحتی کار و برای این که تمام مرورگر ها درست نمایش بدن شما باید از تک div های ثابت استفاده کنی برای این کار شما در بالا و یا در پایین صفحه خود یک div خالی با اندازه ثابت قرار می دید برای مثال ما طور این div را 400 در نظر می گیریم و عرض آن را 1 . برای ارتفاع هم می شه از همچین روشی استفاده کرد mohan2124-01-2009, 03:06 PMاوّل از شما دوستان تشکر کنم ... میشه از خاصیت min-width توی css استفاده کرد اما توی ie ساپورت نمیشه! من هم گفتم که اینکار جوابی نداد ... برای راحتی کار و برای این که تمام مرورگر ها درست نمایش بدن شما باید از تک div های ثابت استفاده کنی برای این کار شما در بالا و یا در پایین صفحه خود یک div خالی با اندازه ثابت قرار می دید برای مثال ما طور این div را 400 در نظر می گیریم و عرض آن را 1 . برای ارتفاع هم می شه از همچین روشی استفاده کرد از شما هم ممنونم، امّا این مشکلی رو حل نمیکنه، فرض کنید مانیتور کاربر 17 اینچ باشه خوب من باید عرض 1003 رو در نظر بگیرم که در این صورت با کوچک شدن پنجره مشکلی پیش نمیاد اما مشکل جایی است که کابر مثل من و شما از مانیتور 19 استفاده کنه در این صورت اندازه صفحه ما 1003 هست و دیگه خودش رو با کل پنجره ست نمیکنه ... من میخوام در از این اندازه کمتر تغییری نکنه و بیشتر از این کش بیاد ... ستون اول و سوم خودشو ن رو به کنار صفحه میچسبانن و وسطی هم خودش رو پخش میکنه ... حالا چکاری میشه کرد برای این معضل بزرگ ... as1385136525-01-2009, 09:49 AMمن درست نگرفتم که شما می خواهید اندازه یک المنت از یک اندازه کمتر نشه و یا از یک اندازه بیشتر نشه ؟ ( کدومش ؟ یا شاید هم من درست نفهمیدم که شما چی می خواهید ! ) ولی اگر شما می خواهید که مثلا در هر شرایطی اندازه مثلا یک ستون از table کمتر از 300 پیکسل نشه از همان کاری که در پست قبلی گفتم می تونی استفاده کنی و مطمئن باش که در هر شرایطی اندازه آن ستون از جدول کمتر از 300 پیکسل نمی تونه بشه و در این حالت هم چون شما اندازه آن ستون را %100 در نظر گرفتید ستون مورد نظر کل صفحه مرور گر را خواهد گرفت . mohan2125-01-2009, 10:04 PMبا min-witdh جواب میده اما در IE نه ... به روایتی ... میخوام وقتی کاربر پنجره رو از حد معمول کوچکتر کرد محتویات صفحه جمع نشه و اینکه وقتی پنجره بزرگ شده محتویات هم طبق پنجره کش بیاد ... مشکل در IE as1385136526-01-2009, 09:09 AMخوب دوست گرامی همان کاری را که من گفتم رو انجام بده به جواب می رسی اگر وقت داشتم یک نمونه برات می نویسم as1385136526-01-2009, 10:15 AMبا min-witdh جواب میده اما در IE نه ... شما از هر دو روش استفاده کنید یعنی هم از min-witdh استفاده کنید تا مرورگرهای دیگه را ساپرت کنه و هم از روش زیر استفاده کنید تا مرورگر IE هم به همان شکل که انتظار دارید با محتویات داخلش رفتار کنه. <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> mohan2129-01-2009, 11:33 PMبا تشکر از شما مشکل حل شد ... معذرت که با کمی تاخیر امدم ... از همه ی دوستان ممنونم سایت ما را در گوگل محبوب کنید با کلیک روی دکمه ای که در سمت چپ این منو با عنوان +1 قرار داده شده شما به این سایت مهر تأیید میزنید و به دوستانتان در صفحه جستجوی گوگل دیدن این سایت را پیشنهاد میکنید که این امر خود باعث افزایش رتبه سایت در گوگل میشود

این صفحه را در گوگل محبوب کنید

[ارسال شده از: سایت ریسک]

[مشاهده در: www.ri3k.eu]

[تعداد بازديد از اين مطلب: 1375]