منوی بالا همراه با نوار پیمایش عمودی جابجا میشه!!!!!!!!!!!!!
[مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید]
نمایش نسخه قابل چاپ
منوی بالا همراه با نوار پیمایش عمودی جابجا میشه!!!!!!!!!!!!!
[مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید]
دوست عزيز position منو رو fixed تنظيم شده كه با بالا و پايين بردن نوار پيمايش اون در جاي خودش ثابت هست و حركت ميكنه . براي حل اين مشكل از فايل css قالبت بايد اقدام كني و position منو رو كه با اسم nav باشه فك كنم رو از حالت fixed به حالت relative تغيير بده و بعد ذخيره كن
خیر مشکلم برطرف نشد من کد نوار منوی بالا اینجا گذاشتم کجاش تغییر بدم
نقل قول:
#nav {}
#nav2 {position:fixed;width: 100%;}
#navr {height:40px; width: 980px; background:url(../images/mainmenu.png) 0 0 repeat-x; border-bottom: 2px solid #D1F82E; font-family: 'Lusitana', serif; border-left: 1px solid #BAB9B9; border-right: 1px solid #BAB9B9;}
#nav {z-index:10; position:relative;}
#nav-left { float:left; width:80%;}
#nav-right { float:right; width:20%;}
#nav ul {margin-left: 3px; padding:0; float:right;}
#nav ul li {list-style:none;float:right;height:100%;position:relati ve; padding-right:1px; margin:0;}
#nav ul li a { display:block;padding:0 15px 0 15px; margin:0; line-height:40px; color:#fff; text-decoration:none;font-size:14px;font-weight:normal; -moz-transition: color 0.3s ease 0s, background 0.3s ease 0s; -webkit-transition: 0.3s ease 0s; -o-transition: 0.3s ease 0s;}
#nav ul li.active {}
#nav ul li.active a {color:#fff; background: #0c6a87; height: 40px; line-height: 40px;}
#nav ul li:hover {}
#nav ul li a:hover{ background: #0c6a87; text-decoration:none; font-weight:normal; color:#fff; text-shadow: none; }
#nav ul li ul {position:absolute;width:100%;left:-999em;border-top:0; margin:0; padding:0;}
#nav ul li:hover ul, #menu ul li.sfHover ul {left:0;}
#nav ul li ul li {padding:0;height:auto;width:180px; margin:0 auto; border:none; text-align: right; }
#nav ul li ul li:hover ul {right:180px; top:0}
#nav ul li:hover ul li a {text-shadow:none;}
#nav ul li:hover ul li { background:none;}
#nav ul li:hover ul li a, #nav ul li ul li a, #nav ul li.active ul li a{margin:0; padding:0 0 0 10px;height:24px;line-height:24px; background:#555;border-bottom:1px solid #3a3a3a;color:#d1d1d1; font-size:12px;font-weight:normal;text-shadow:none; -moz-border-radius: 0px; border-radius: 0px;}
#nav ul li ul li a:hover, #nav ul li ul li.active a, #nav ul li.active ul li a:hover, #nav ul li.active ul li.active a {text-align: right; padding:0 0 0 10px;height:24px;line-height:24px;background:#343434;color:#fff; font-size:12px;text-shadow:none;}
#nav ul li ul ul, #nav ul li:hover ul ul, #nav ul li:hover ul ul ul, #nav ul li:hover ul ul ul ul, #nav ul li.sfHover ul ul, #nav ul li.sfHover ul ul ul, #nav ul li.sfHover ul ul ul ul {left:-999em;}
#nav ul li ul li ul li{padding:0;height:auto;width:180px; margin:0 auto; border:none; text-align:right;}
مشکلم این بود که موقعیت position=fixed است اگر به حالت دیگرتغییر بدم در مرورگرم نوار پیمایش افقی بوجود میاد قالب سایتم بهم میریزه بهمین خاطر در این قسمت فایل css این کد را اصافه کردم مشکل اولم حل شد اما گز ینه های نوار منوی بالا با جابه جای نوارپیمایش در جای خود ثابت هستش
#nav1 {position:fixed;width: 100%;}
nav2 {position:fixed;width: 100%;}
رو fixed هست اونو relative كن به احتمال زياد درست بشه
خیر درست نشد
دوست عزيز nav1 رو هم تغير بده ببين حل ميشه يا نه . مشكل از fixed هست
بله حق باشماست وقتی به relative تغییر میدم نوارپیمایش افقی در مرورگر ایجاد میشه
مشکلم برطرفش کردم با تشکر از راهنمایی دوستان کوشا