Giúp em về cái thanh cuộn với

[khunglonga7]

Mấy anh ơi cho em hỏi sao khi vào 4rum bằng IE thì dùng chuột kéo cái thanh cuộn không được,( vẫn dùng được bằng mấy nút bấm qua về lên xuống). Nhưng dùng FF thì ko bị lỗi này .

www.sptoanA.tk

[tavietanh]

thằng IE nó xàm lắm. kêu toàn thể xài FF

[thuanoo7]

vào css của bạn xóa đoạn này đi

Code:

* html {scrollbar-face-color: #36bff5;scrollbar-highlight-color: #36f55f;scrollbar-shadow-color: #bbbebf;scrollbar-3dlight-color: #e3421d;scrollbar-arrow-color: #ede466;scrollbar-track-color: #f536cc;scrollbar-darkshadow-color: #36f539;}*+ html {scrollbar-face-color: #36bff5;scrollbar-highlight-color: #36f55f;scrollbar-shadow-color: #bbbebf;scrollbar-3dlight-color: #e3421d;scrollbar-arrow-color: #ede466;scrollbar-track-color: #f536cc;scrollbar-darkshadow-color: #36f539;}

[khunglonga7]

Hix, cám ơn bạn nhưng hình như trong cái CSS của mik nó ko có cái đoạn đó bạn ơi. mình tìm rất kĩ rồi.
Toàn bộ là đây

Code:

body {
   background-color: #ffffff;
   background-image: url("http://t3.gstatic.com/images?q=tbn:BUFPjMg0GHybhM");
   background-attachment: fixed;
   scrollbar-face-color: #;
   scrollbar-highlight-color: #;
   scrollbar-shadow-color: #;
   scrollbar-3dlight-color: #;
   scrollbar-arrow-color: #;
   scrollbar-track-color: #;
   scrollbar-darkshadow-color: #;
   }
th,td,p {
    font-family: Verdana,Arial,Helvetica,sans-serif }
a img {
    border: none;
    }
a:link,a:active,a:visited {
    color : #4168cc;
    }
a:hover{
    text-decoration: underline;
    color : #d31141;
    }
hr{
    height: 0px;
    border: solid # 0px;
    border-top-width: 1px;
   }
.bodyline{
    background-color: #eefff9;
    border: 1px # solid;
   }
.bodylinewidth {
   width:70%}
.forumline{
    background-color: #ffffff;
    border: 2px # solid;
    }
td.row1{
    background-color: #e8ffe9;
    }
td.row2{
    background-color: #eaeaea;
    }
td.row3{
    background-color: #;
    }
td.rowpic {
   background-color: #;
   background-image: url("http://i38.servimg.com/u/f38/12/98/87/78/bgcatn10.gif");
   }
th {
   color: #;
    font-size: 11px;
    font-weight : bold;
   background-color: #595959;
    height: 25px;
   background-image: url("http://hitskin.com/themes/12/47/15/i_back_title.jpg");
   }
td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
   background-image: url("http://i38.servimg.com/u/f38/12/98/87/78/bgcatn10.gif");
   background-color:#595959;
    border: #;
    border-style: solid;
    height: 28px;
   }
td.cat,td.catHead,td.catBottom {
   height: 29px;
   border-width: 0px 0px 0px 0px;
   }
th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR {
   font-weight: bold;
    border: #ffffff;
    border-style: solid;
    height: 28px;
   }
td.row3Right,td.spaceRow {
   background-color: #;
    border: #;
    border-style: solid;
   }
td.pourcentback {
    background-color : #ffffff;
    }
th.thHead,td.catHead {
    font-size: 12px;
    border-width: 1px 1px 0px 1px;
    }
th.thSides,td.catSides,td.spaceRow {
    border-width: 0px 1px 0px 1px;
    }
th.thRight,td.catRight,td.row3Right {
    border-width: 0px 1px 0px 0px;
    }
th.thLeft,td.catLeft {
    border-width: 0px 0px 0px 1px;
    }
th.thBottom,td.catBottom {
    border-width: 0px 1px 1px 1px;
    }
th.thTop {
    border-width: 1px 0px 0px 0px;
    }
th.thCornerL {
    border-width: 1px 0px 0px 1px;
    }
th.thCornerR {
    border-width: 1px 1px 0px 0px;
    }
.maintitle, .maintitle h1{
   font-weight: bold;
    font-size: 22px;
    font-family: Arial,Helvetica,sans-serif,Verdana,Arial,Helvetica,sans-serif;
   text-decoration: none;
    line-height : 120%;
    color : #4681de;
   }
.maintitle h1 {
   margin: 0;
    padding: 0;
    display: inline;
   }
.gen {
    font-size : 12px;
    }
.genmed {
    font-size : 11px;
    }
.gensmall {
    font-size : 10px;
    }
.gen,.genmed,.gensmall {
    color : #4681de;
    }
a.gen,a.genmed,a.gensmall {
    color: #4168cc;
    text-decoration: none;
    }
a.gen:hover,a.genmed:hover,a.gensmall:hover{
    color: #d31141;
    text-decoration: underline;
    }
.mainmenu{
    font-size : 11px;
    color : #4681de }
a.mainmenu{
    text-decoration: none;
    color : #4168cc;
   }
a.mainmenu:hover{
    text-decoration: underline;
    color : #d31141;
    }
.cattitle{
    font-weight: bold;
    font-size: 12px ;
    letter-spacing: 1px;
    color : #4168cc}
h1.cattitle {
   margin:0;
    padding: 0;
    display:inline;
   }
a.cattitle{
    text-decoration: none;
    color : #4168cc;
    }
a.cattitle:hover{
    text-decoration: underline;
    }
.forumlink{
    font-weight: bold;
    font-size: 12px;
    color : #4168cc;
    }
a.forumlink {
    text-decoration: none;
    color : #4168cc;
    }
a.forumlink:hover{
    text-decoration: underline;
    color : #d31141;
    }
.nav{
    font-weight: bold;
    font-size: 11px;
    color : #4681de;
    }
a.nav{
    text-decoration: none;
    color : #4168cc;
    }
a.nav:hover{
    text-decoration: underline;
    }
.topictitle,h1,h2{
    font-weight: bold;
    font-size: 11px;
    color : #4681de;
    }
div.topictitle {
   display: inline;
   }
h2.topic-title {
   display: inline;
    margin: 0;
    padding: 0;
   }
a.topictitle:link{
    text-decoration: none;
    color : #4168cc;
    }
a.topictitle:visited{
    text-decoration: none;
    color : #466dcd;
    }
a.topictitle:hover{
    text-decoration: underline;
    color : #d31141;
    }
.name{
    font-size : 11px;
    color : #4681de;
   }
.postdetails{
    font-size : 10px;
    color : #4681de;
    }
.postbody{
    font-size : 12px;
    line-height: 18px}
a.postlink:link{
    text-decoration: none;
    color : #4168cc }
a.postlink:visited{
    text-decoration: none;
    color : #466dcd;
    }
a.postlink:hover{
    text-decoration: underline;
    color : #d31141}
.code{
    font-family: Courier,'CourierNew',sans-serif;
    font-size: 11px;
    color: #00aa00;
   background-color: #ebeadd;
    border: #;
    border-style: solid;
   border-left-width: 1px;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px}
.quote{
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 11px;
    color: #ffffff;
    line-height: 125%;
   background-color: #ebeadd;
    border: #;
    border-style: solid;
   border-left-width: 1px;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px}
.copyright{
    font-size: 10px;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    color: #4168cc;
    letter-spacing: -1px;
   }
a.copyright{
    color: #4168cc;
    text-decoration: none;
   }
a.copyright:hover {
    color: #d31141;
    text-decoration: underline;
   }
.coloradmin {
    color: #aa0000}
.colormod {
    color: #00aa00}
h1.pagetitle {
   display: inline;
   margin: 0;
   padding: 0;
   font-size: 12px;
   color: #;
   }
h1.title2 {
   font-size: 11px;
   }
.secondarytitle,.secondarytitle h2 {
   margin: 0;
   padding: 0;
   color: #;
   }
.secondarytitle h2 {
   display:inline;
   }
.nav h1 {
   display: inline;
   }
.hierarchy {
   display: inline;
   text-transform: none;
   border: none;
   font-size: 10px;
   }
.mod-text {
   font-weight: bold;
   }
img{
   border:0}
input,textarea, select {
   color : #4681de;
   font: normal 11px Verdana,Arial,Helvetica,sans-serif;
   border-color : #4681de;
   }
input.post, textarea.post, select {
    background-color : #ffffff;
    }
input {
    text-indent : 2px;
    }
input.button {
   background-color : #e8ffe9;
   color : #4681de;
   font-size: 11px;
    font-family: Verdana,Arial,Helvetica,sans-serif;
   }
input.mainoption {
   background-color : #ebeadd;
   font-weight : bold;
   }
input.liteoption {
   background-color : #ebeadd;
   font-weight : normal;
   }
.helpline {
    background-color: #eaeaea;
    border-style: none;
    }
input {
    background-color: #eaeaea;
    }
button.button2, input.button2 {
   font-size: 0.7em;
   border: 1px solid #BCBCBC;
   width: auto !important;
   padding: 1px 0px;
   font-family: Verdana,Arial,Helvetica,sans-serif;
   color: #000000;
   background-repeat: repeat-x;
   background-color: #FAFAFA;
   background-image: url('http://2img.net/i/fa/prosilver/bg_button.gif');
   background-position: top;
   overflow: visible;
   vertical-align:middle;
   }
button.button2:hover, input.button2:hover {
   border: 1px solid #d31141;
   color: #d31141;
   background-position: 0 100%;
   }
* html button.button2, * html input.button2 {
   padding-bottom: 0;
   margin-bottom: 1px;
   height: 24px;
   padding-right: 3px;
   padding-left: 3px;
   }
*+html button.button2, *+html input.button2 {
   height: 24px;
   padding-right: 3px;
   padding-left: 3px;
   }
*+html button.button2 img {
    vertical-align: middle;
    }
* html button.button2 img {
    vertical-align: middle;
    }
button.bbcode {
   border: 1px solid #e3adad;
   background-image: url("http://2img.net/i/fa/wysiwyg/bg_button.png");
   }
.select {
   background-color: #FFFFFF;
   border: 1px solid #BCBCBC;
   position: absolute;
   z-index: 999;
   top: 0;
   left: 0;
   overflow: hidden;
   width: 0px;
   }
.selectHover {
    cursor: pointer;
    background-color: #EEEEEE;
   }
.select p {
   padding: 4px 6px;
   font-size: 0.7em;
   margin: 0px;
   white-space: nowrap;
   text-align: left;
   }
.select button {
   padding: 4px;
   font-size: 0.9em;
   margin: 0px;
   background-color: #FFF;
   border: none;
   text-align:left;
   }
.select button.button2 {
   border:1px solid #BCBCBC;
   padding: 0px;
   }
* html .select button.button2 {
   padding-right: 3px;
   padding-left: 3px;
   }
.select button.button2:hover {
   border: 1px solid #d31141;
   color: #d31141;
   background-position: 0 100%;
   }
textarea#text_editor_textarea {
    width: 100% !important;
    }
iframe#text_editor_iframe {
   width: 100%;
   height: 200px;
   }
form#quick_reply textarea#text_editor_textarea {
   width: 100% !important;
   height: 100%;
   }
form#quick_reply iframe#text_editor_iframe {
    width: 100%;
    }
* html form#quick_reply iframe#text_editor_iframe {
    width: 600px;
    }
*+html form#quick_reply iframe#text_editor_iframe {
    width: 600px;
    }
#page-footer .gen strong {
   font-weight: normal;
   }
@import url("form_ie.css");
   @media print {
   body {
   background-image: none;
   background-color: #fff;
   color: #000;
   }
table.bodylinewidth span.maintitle {
   display: block;
   text-align: left;
   }
table.bodylinewidth img#i_logo,.browse-arrows,.noprint,.messaging,.post-options,.poster-profile,img.i_icon_online,table.bodylinewidth .mainmenu,table.bodylinewidth .nav,table.bodylinewidth .gensmall,span.postdetails img,table.bodylinewidth .sig,table.bodylinewidth .catbottom,#info_open {
   display:none;
   }
td.catHead, .t-title {
   text-align: left;
   }
table.bodylinewidth .cattitle {
   letter-spacing: normal;
    font-size: 1em;
   }
.thLeft,.thRight {
   color: #000;
    border: none;
    text-align:left;
   }
.hr hr {
    visibility: hidden;
    }
.hr {
   border-top: 1px dotted #ddd !important;
    }
tr.post td {
   vertical-align: top;
   border-bottom: 1px solid #ccc;
   }
tr.post td td {
   border: none;
   }
span.gen {
   display: none;
   }
}
ul.abuse {
   list-style: none;
   line-height: 1.5em;
   font-size: 0.9em;
   }
.rtl-spacer:before {
   content: " ";
   white-space: pre;
   }
.rtl-spacer:after {
   content: " ";
   white-space: pre;
   }
.warning {
   color:#ff3333;
   }
.captcha div.captcha-img {
   float: left;
   margin: 0 1em 0 0;
   }
.captcha .inputbox {
   margin-top: 0.5em;
   }
.center {
   text-align: center;
   }
.right {
   float: right;
   }
.left {
   float: left;
   }

/* TGF Clearfix */
.clearfix:after {
   content: ".";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;
   }
*+ html .clearfix {
   min-height: 1px;
   }
* html .clearfix {
   position: relative;
    height: 1%;
    clear: both;
   }
#page-footer {
   clear: both;
   }
#page-footer h3 {
    margin-top: 20px;
    }
#add-google {
    text-align: center;
    margin: 0 auto;
   }
#content-container #left {
   width: 180px;
   margin-right: 30px;
   }
#content-container #right {
   width: 180px;
   margin-left: 30px;
   }
.module-title {
   font-weight: bold;
   margin: 0 auto;
   text-align: center;
   display: block;
   }
#frame_chatbox {
   border: none !important;
   }

/* Chatbox */
body.chatbox {
  min-width: 550px !important;
  background-image: none;
  padding: 0;
  margin: 0;
  background-image: url(" http://img42.imageshack.us/img42/4494/86671702.gif ");
  }ground-image: none;
   }
#chatbox_members {
   position: absolute;
   top: 30px;
   bottom: 30px;
   width: 180px;
   overflow: auto;
   border-right: 1px solid ;
   }
#chatbox {
   position: absolute;
   top: 30px;
   left: 181px;
   right: 0;
   bottom: 30px;
   overflow: auto;
   line-height: 10px;
   }
.chatbox_row_1,.chatbox_row_2,.chatbox_row_3 {
   font-size: 12px;
   }
#chatbox_footer {
   position: absolute;
   bottom: 0;
   left: 0;
   right: 0;
   height: 30px;
   }
#chatbox_footer table.text-styles {
   float: right;
   }
#chatbox_footer .text-field {
   float: left;
   }
#chatbox_footer .chatfootertable {
   margin: 5px;
   }
#chatbox_header {
   height: 30px;
   background-color: #ffffff;
   }
#chatbox p {
   line-height: 1.2em;
   }
.chatbox_row_1 {
   padding: 4px;
   background-color: #e8ffe9;
   }
.chatbox_row_2 {
   padding: 4px;
   background-color: #eaeaea;
   }
.chatbox_row_3 {
   padding: 4px;
   background-color: #;
   }
.memberlist_row_1 {
   padding: 2px 2px 2px 10px;
   background-color: #e8ffe9;
   }
#chatbox_members .member-title {
   text-align: center;
   padding: 0.5em 0.25em;
   background-image: none;
   font-size: 12px;
   background-color: #;
   }
#chatbox_members ul {
   list-style: none;
   margin: 0 0 0 10px;
   }
#chatbox_members ul li {
   margin: 2px 2px 2px 0;
   }
#message,#submit_button{
   border-width: 1px;
   }
.fontbutton {
   padding: 1px;
   cursor: pointer;
   text-align: left;
   }
.fontbutton_normal {
   background: #E1E1E2;
   }
.fontbutton_selected {
   background: #BBC7CE;
   border: 1px solid #22229C;
   }
.fontbutton_clicked {
   background: #959595;
   border: 1px solid #22229C;
   }
.fontbutton_hover {
   background: #E1E1E2;
   border: 1px solid #22229C;
   }
#chatbox .user {
   font-weight: bold;
   }

/* Edit did */
#chatbox_contextmenu {
    background-color: #ffffff;
    border:1px solid #aaa;
   }
#chatbox_contextmenu p {
   margin:0;
    padding: 1px 4px;
   font-family: verdana, arial, sans-serif;
   background: #;
   border-bottom:1px solid #777;
    }
#chatbox_contextmenu p.hover {
    background: #;
    }
#chatbox_contextmenu p.close {
   background: #ddd;
    padding: 1px;
    font-size: 70%;
    color:#fff;
    background: url('');
    }
#chatbox_contextmenu p.close img {
    vertical-align: middle;
    }
#chatbox_contextmenu a {
    color: #;
    text-decoration: none;
    font-size: 70%;
   }
#chatbox_contextmenu a:hover {
    color: #;
    }
.fontbutton{
   border:0;
   }

/* End Edit did */

/*Internet Explorer fixers and hacks for Chatbox *
/* html #chatbox-members {
   
/* IE expressions helping IE work in Standards mode */
height: expression(( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 3) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 0) ) + "px");
   }
* html #chatbox {
   
/* IE expressions helping IE work in Standards mode */
height: expression(( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 3) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 0) ) + "px");
   width: expression(( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 10) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 1) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 1.3) ) + "px");
   }
* html #chatbox-footer {
   
/* IE expressions helping IE work in Standards mode */
width: expression(( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 0) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 0) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 0) ) + "px");
   }







A:hover{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/cow.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/Cow.gif"), auto;}


#Guest{position:absolute;width:300px;left:0;top:-450px;padding:4px;z-index: 999;visibility:hidden}


body {
scrollbar-arrow-color: yellow;
scrollbar-base-color: black;
scrollbar-dark-shadow-color: yellow;
scrollbar-track-color: green;
scrollbar-face-color: blue;
scrollbar-shadow-color: white;
scrollbar-highlight-color: silver;
scrollbar-3d-light-color: black;
}




.quote IMG { max-width: 650px } .quote IMG:hover { max-width: 100% } .code IMG { max-width: 650px } .code IMG:hover { max-width: 100% } .code { BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid; DISPLAY: block; FONT-SIZE: 11px; OVERFLOW: scroll; BORDER-LEFT: #cccccc 1px solid; WIDTH: 440px; COLOR: #4f0505; BORDER-BOTTOM: #cccccc 1px solid; FONT-FAMILY: Courier,CourierNew,sans-serif; HEIGHT: auto; BACKGROUND-COLOR: #fff; max-height: 250px } .quote { BORDER-RIGHT: #d1d7dc 1px solid; BORDER-TOP: #d1d7dc 1px solid; FONT-SIZE: 11px; BORDER-LEFT: #d1d7dc 1px solid; COLOR: #444444; LINE-HEIGHT: 125%; BORDER-BOTTOM: #d1d7dc 1px solid; FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif; BACKGROUND-COLOR: #fafafa }

[Mr.FR]

tớ cũng dùng IE ! vẫn bấm được bình thường

[thuanoo7]

ko nhẽ mình lấy sai mã nguồn??
nếu css của bạn như trên thì xóa đoạn này đi:

Code:

scrollbar-face-color: #;
  scrollbar-highlight-color: #;
  scrollbar-shadow-color: #;
  scrollbar-3dlight-color: #;
  scrollbar-arrow-color: #;
  scrollbar-track-color: #;
  scrollbar-darkshadow-color: #;

đoạn này nữa:

Code:

body {
scrollbar-arrow-color: yellow;
scrollbar-base-color: black;
scrollbar-dark-shadow-color: yellow;
scrollbar-track-color: green;
scrollbar-face-color: blue;
scrollbar-shadow-color: white;
scrollbar-highlight-color: silver;
scrollbar-3d-light-color: black;
}


Mình đang gà quá mong đừng chê mình

[khunglonga7]

Mình nhờ bạn thì sao dám chê bạn chứ. Chưa biết ra sao chứ mình cám ơn bạn nhiều lém

[Sponsored content]