واضح آرشیو وب فارسی:سایت ریسک: مشکل با پهنای 1024 پیکسل در مانیتورهایی با رزیولیشن 800*600 phpweb 26 بهمن 1389, 11:47یه سایت با سی اس اس درست کردم که پهناش 1024 پیکسل هست اما وقتی که از مانیتوری با رزیولیشن 600 در 800 استفاده می کنم، قسمت سمت چپ سایت رو نمایش نمی ده. بجز مرورگر فایرفاکس مرورگرهایی مثل کروم، سافاری و . . . با این مشکل مواجه هستند. چطور باید مشکل رو حل کنم؟ کد صفحه: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""> <html xmlns=""> <head> <title>صفحه ورود به پنل مديريت</title> <style type="text/css"> body { font-family:Tahoma, Geneva, sans-serif; margin:0; padding:0; font-size:12px; direction:rtl; height:1000px; background-color:#FFF; } #all { width:1000px; margin: 0 auto;} #header { background-color:#a 0c7fa; width:980px; height:40px; border-bottom: 3px #000 solid; padding:9px 10px; margin: 0 auto } #layer_1 { width:280px; margin: 100px auto; border:3px solid; background-color: #dfdfdf; } #layer_2 { width:160px; margin: 0 auto; padding:25px 0; } </style> </head> <body> <div id="all"> <div id="header"><a href="">آدرس وبسایت</a></div> <div id="layer_1"> <div id="layer_2"> <form id="form1" name="form1" method="post" action="index.php"> <label for="userid">کلمه کاربري</label> <br /> <input name="userid" type="text" id="userid" maxlength="16" /> <br /> <label for="pass">کلمه رمز</label> <br /> <input name="pass" type="password" id="pass" maxlength="16" /> <br /> <input name="sent_userid" type="hidden" id="sent_userid" value="yes" /> <br /> <input type="submit" value="ورود" id="sent_form" /> </form> </div> </div> </div> </body> </html> mojtaba-saleh 26 بهمن 1389, 11:56کد html رو بذار ببینم چشه؟! phpweb 05 اسفند 1389, 00:22کد html رو بذار ببینم چشه؟! کد کامل صفحه رو در ادامه قرار دادم. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""> <html xmlns=""> <head> <title>صفحه ورود به پنل مديريت</title> <style type="text/css"> body { font-family:Tahoma, Geneva, sans-serif; margin:0; padding:0; font-size:12px; direction:rtl; height:1000px; background-color:#FFF; } #all { width:1000px; margin: 0 auto;} #header { background-color:#a 0c7fa; width:980px; height:40px; border-bottom: 3px #000 solid; padding:9px 10px; margin: 0 auto } #layer_1 { width:280px; margin: 100px auto; border:3px solid; background-color: #dfdfdf; } #layer_2 { width:160px; margin: 0 auto; padding:25px 0; } </style> </head> <body> <div id="all"> <div id="header"><a href="">آدرس وبسایت</a></div> <div id="layer_1"> <div id="layer_2"> <form id="form1" name="form1" method="post" action="index.php"> <label for="userid">کلمه کاربري</label> <br /> <input name="userid" type="text" id="userid" maxlength="16" /> <br /> <label for="pass">کلمه رمز</label> <br /> <input name="pass" type="password" id="pass" maxlength="16" /> <br /> <input name="sent_userid" type="hidden" id="sent_userid" value="yes" /> <br /> <input type="submit" value="ورود" id="sent_form" /> </form> </div> </div> </div> </body> </html> echessdesign 06 اسفند 1389, 17:36درود بر شما در ie, ff, ch تست کردم، به یک شکل نمایش داده می شد. در طراحی هایی همانند صفحه سایت شما، بهتر هست به جای مقدار دهی PX بر مبنای % استفاده کنید. phpweb 07 اسفند 1389, 02:02درود بر شما در ie, ff, ch تست کردم، به یک شکل نمایش داده می شد. در طراحی هایی همانند صفحه سایت شما، بهتر هست به جای مقدار دهی PX بر مبنای % استفاده کنید. من تونستم که با اضافه کردن کد width:1000px; به body، مشکل رو برای همه مرورگرها حل کنم اما بعد از اضافه کردن این تکه کد، الان با مرورگر فایر فاکس مشکل پیدا کردم. الان با کد جدید همه مرورگرها صفحه رو کامل نشون می دن ولی اینبار فایرفاکس صفحه رو کامل نشون نمی ده. راه حلی به نظرتون نمی رسه؟ ="text/css"> body { width:1000px; font-family:Tahoma, Geneva, sans-serif; margin:0; padding:0; font-size:12px; direction:rtl; height:1000px; background-color:#FFF; } echessdesign 09 اسفند 1389, 23:01درود بر شما پیشتر ها که سایت nero.com رو چک می کردم و از طراحی منظم اون لذت میبردم، به نکته جالبی بر خورد کردم. این سایت هم آن زمان برای رزولیشن 800*600 ترفند جالبی رو به خرج داده بود. استفاده از JS !!! بدین شکل که برای رزولیشن بیشتر از 800*600 ، یک ستون ظاهر میشد! اما برای رزولیشن کمتر، اون ستون مخفی میشد. شما هم می تونید از این ترفند استفاده کنید سایت ما را در گوگل محبوب کنید با کلیک روی دکمه ای که در سمت چپ این منو با عنوان +1 قرار داده شده شما به این سایت مهر تأیید میزنید و به دوستانتان در صفحه جستجوی گوگل دیدن این سایت را پیشنهاد میکنید که این امر خود باعث افزایش رتبه سایت در گوگل میشود
این صفحه را در گوگل محبوب کنید
[ارسال شده از: سایت ریسک]
[مشاهده در: www.ri3k.eu]
[تعداد بازديد از اين مطلب: 593]