مشکل خارج شدن نوشته ها از صفحه

[سیدرضا بازیار 257]

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

چیکار کنم که این مشکل حل بشه؟

http://www.balyan.ir

[yoonesgholamy 211]

ساب منو ها مشکل دارند اول این کد رو تو css پیدا کنید:

.nav li ul {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #E3E3E3;
    left: -999em;
    margin: 5px 0 0;
    padding: 10px 0 0;
    position: absolute;
    width: 170px;
    z-index: 9999;
}

حالا این خطش رو پاک کنید:

    left: -999em;

تا صفحه اسکرول نشه.ولی با این کار هم مشکل شما کامل حل نمیشه چون css ساب منوتون مشکلات دیگه ای هم داره

[سیدرضا بازیار 257]

/* Drop-down menus */
.nav li ul { background: #fff; margin: 5px 0 0; padding: 10px 0 0; position: absolute; left: -999em; width: 170px; border: 1px solid #e3e3e3; z-index: 9999; }
.nav li ul li { margin: 0; }
.nav li ul li a {
background: none !important;
border: 0;
color: #333; 
display: block !important;
font-size: 11px;
font-weight: bold;
padding: 0 15px !important;
line-height: 32px !important; 
width: 140px;
-moz-border-radius: 0 !important;
-webkit-border-radius: 0 !important;
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
box-shadow: none !important;
}
.nav li ul li a:hover { color: #3275a8; text-decoration: underline; }
.nav li ul li a.sf-with-ul {  }
.nav li ul ul { margin: -37px 0 0 170px !important; }
.nav li ul li a:hover,
.nav li.current_page_item ul li a,
.nav li.current_page_parent ul li a,
.nav li.current-menu-ancestor ul li a,
.nav li.current-cat a ul li,
.nav li.current-menu-item ul li a,
.nav li.sfHover ul li { background: none; }
.nav li:hover,.nav li.hover { position: static; }
.nav li:hover ul ul, .nav li.sfhover ul ul,
.nav li:hover ul ul ul, .nav li.sfhover ul ul ul,
.nav li:hover ul ul ul ul, .nav li.sfhover ul ul ul ul { left: -999em; }
.nav li:hover ul, .nav li.sfhover ul,
.nav li li:hover ul, .nav li li.sfhover ul,
.nav li li li:hover ul, .nav li li li.sfhover ul,
.nav li li li li:hover ul, .nav li li li li.sfhover ul { left: auto; /* margin-left:-50px; */ }
.nav .sf-sub-indicator { display: none; background: url(images/arrow-superfish.png) no-repeat; position: absolute; display: block; right: 0.4em; top: 44%; width: 10px; height: 10px; text-indent: -999em; overflow: hidden; }
.nav li ul .sf-sub-indicator { display: none; background: url(images/arrow-superfish-right.png) no-repeat; top: 38%; }

این رو میگید؟

[yoonesgholamy 211]

بله به این صورت اصلاح کنید:

/* Drop-down menus */
.nav li ul { background: #fff; margin: 5px 0 0; padding: 10px 0 0; position: absolute; width: 170px; border: 1px solid #e3e3e3; z-index: 9999; }
.nav li ul li { margin: 0; }
.nav li ul li a {
background: none !important;
border: 0;
color: #333;
display: block !important;
font-size: 11px;
font-weight: bold;
padding: 0 15px !important;
line-height: 32px !important;
width: 140px;
-moz-border-radius: 0 !important;
-webkit-border-radius: 0 !important;
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
box-shadow: none !important;
}
.nav li ul li a:hover { color: #3275a8; text-decoration: underline; }
.nav li ul li a.sf-with-ul {  }
.nav li ul ul { margin: -37px 0 0 170px !important; }
.nav li ul li a:hover,
.nav li.current_page_item ul li a,
.nav li.current_page_parent ul li a,
.nav li.current-menu-ancestor ul li a,
.nav li.current-cat a ul li,
.nav li.current-menu-item ul li a,
.nav li.sfHover ul li { background: none; }
.nav li:hover,.nav li.hover { position: static; }
.nav li:hover ul ul, .nav li.sfhover ul ul,
.nav li:hover ul ul ul, .nav li.sfhover ul ul ul,
.nav li:hover ul ul ul ul, .nav li.sfhover ul ul ul ul { left: -999em; }
.nav li:hover ul, .nav li.sfhover ul,
.nav li li:hover ul, .nav li li.sfhover ul,
.nav li li li:hover ul, .nav li li li.sfhover ul,
.nav li li li li:hover ul, .nav li li li li.sfhover ul { left: auto; /* margin-left:-50px; */ }
.nav .sf-sub-indicator { display: none; background: url(images/arrow-superfish.png) no-repeat; position: absolute; display: block; right: 0.4em; top: 44%; width: 10px; height: 10px; text-indent: -999em; overflow: hidden; }
.nav li ul .sf-sub-indicator { display: none; background: url(images/arrow-superfish-right.png) no-repeat; top: 38%; }

[سیدرضا بازیار 257]

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

http://www.balyan.ir

[yoonesgholamy 211]

حتما کدای دیگه رو هم حذف کردید.من فقط یک خط کد رو حذف کردم که اسکرول حذف بشه.به حالت اول برگردونید

[سیدرضا بازیار 257]

حتما کدای دیگه رو هم حذف کردید.من فقط یک خط کد رو حذف کردم که اسکرول حذف بشه.به حالت اول برگردونید

هیچ کدی رو حذف نکردم

وقتی کد شما رو میزارم, این شکلی میشه