Двоен scroller

Код:
html,body {
style:overflow:hidden;
margin:0;
padding:0;
overflow:auto;
color:#dadada;
font-family:verdana;
font-style:bold;
}

#main {
margin:12px auto 0 auto;
width:830px;
}

#logo {
margin-left:23px;
width:672px;
height:199px;
background:url(../img/logo.png) no-repeat;
}

#top_menu {
height:35px;
width:830px;
background:url(../img/top_menu.png) no-repeat;
padding:14px 16px 0 16px;
font-size:14px;
}

#top_menu ul {
margin:0;
padding:0;
list-style-type:none;
}

#top_menu ul li {
float:left;
margin:0 0 0 7px;
}

#top_menu ul li a {
color:#dadada;
text-decoration:none;
}

#top_menu ul li a:hover {
color:#cdcdcd;
text-decoration:underline;
}


#header_line {
	height:18px;
	background:url(../img/header_line.jpg) repeat-x;
	margin-bottom:10px;
	border-bottom:1px solid #666666;
	padding-top:6px;
	color:#FFFFFF;
	font-size:11px;	
	}
	

.frends-menu {
display:inline-block; 
width: 195px;
height: 100px;
font-weight: bold;
padding: 1px;
text-align: center;
margin-bottom: 1px;
border: #767676 solid 1px;
background-position: 2% 50%;
background-color: #111111;
overflow: hidden;
}

.nad,.n_ad {
display:inline-block; 
background-color:white;
display:table-cell;
float:left;
width:280px;
width: 290px;
font-weight: bold;
margin:0 3px 3px 0;
padding:4px;
font-size:7.5pt;
border: #767676 solid 1px;
overflow:hidden;
background-position: 2% 50%;
line-height:10px;
color:#ccc !important;
word-wrap: break-word;
/*background:#333;*/
}


.left_box {
margin-left:1px;
width:197px;
float:left;
}

.left_box_top {
height:23px;
background:url(../img/left_box_top.png) no-repeat 3px 0px;
padding:7px 8px 0 9px;
font-size:11px;
}

.left_box_middle {
background:url(../img/left_box_middle.png) repeat-y;
padding:4px 10px 4px 10px;
color:#454545;
font-size:12px;
font-style:normal;
text-shadow: 2px 2px 3px #aaa;
}

.left_box_bottom {
height:6px;
background:url(../img/left_box_bottom.png) no-repeat -1px 0px;
}

.right_box {
width:630px;
float:left;
}

.right_box_top {
height:22px;
background:url(../img/right_box_top.png) no-repeat 3px 0px;
padding:7px 8px 0 9px;
font-size:11px;
}

.right_top {
float:right;
margin-left:23px;
background-position: 2% 50%;
}

.right_box_middle {
background:url(../img/right_box_middle.png) repeat-y;
padding:4px 10px 4px 10px;
color:#454545;
font-size:12px;
font-style:normal;
text-shadow: 2px 2px 3px #aaa;
}

.right_box_bottom {
height:10px;
background:url(../img/right_box_bottom.png) no-repeat;
}

.right_bottom {
height:10px;
float:right;
}

.clear {
clear:both;
margin:0;
padding:0;
line-height:1;
font-size:0
}

#footer {
height:100px;
background:url(../img/footer.png) no-repeat;
padding:12px 10px 0 8px;
font-size:11px;
margin-top: 5px;
}

input.login {
background: url(../img/input.png) no-repeat;
width: 170px;
height: 20px;
border: 1px solid #aaa;
}

input.login_password{
background: url(../img/pass_login.png) no-repeat;
width: 170px;
height: 20px;
border: 1px solid #aaa;
}

input.login_user{
background: url(../img/user_login.png) no-repeat;
width: 170px;
height: 20px;
border: 1px solid #aaa;
}

input.sub {
background: url(../img/login.jpg) no-repeat;
width: 37px;
height: 21px;
cursor: pointer;
}

a.log {
text-decoration: none;
color: #000;
} 

hr.dash {
border: none;
border-top: 1px dashed gray;
}

.err {
background: #ffc3c3;
border: 1px solid red;
padding: 5px;
width: 810px;
}

.no_message {
background: #ffc3c3;
border: 1px solid red;
padding: 5px;

}

.masovo{
background: #FFFABF;
border: 1px solid #CFC774;
padding: 5px;
width: 810px;
}


.usp {
background: #c3ffd0;
border: 1px solid green;
padding: 5px;
width: 327px;
}

.b1 {
-moz-border-radius:2px 2px 2px 2px;
background-position:4% 50%;
background-repeat:no-repeat;
border:1px solid black;
display:block;
float:left;
font-size:14px;
font-weight:bold;
padding:7px 7px 7px 26px;
}

span {
color: red;
}

a {
text-decoration: none;
color: #000;
}

li {
padding-left: 22px;
}

td.a {
border: 1px solid #bbb;
padding: 3px;
width: 435px;
}

.a1 {
border: 1px solid #bbb;
padding: 50px;
width: 500px;
}

td.b{
border: 1px solid #bbb;
padding: 3px;
}
 
rexpage каза:
Код:
html,body {
style:overflow:hidden;
margin:0;
padding:0;
overflow:auto;
color:#dadada;
font-family:verdana;
font-style:bold;
}

#main {
margin:12px auto 0 auto;
width:830px;
}

#logo {
margin-left:23px;
width:672px;
height:199px;
background:url(../img/logo.png) no-repeat;
}

#top_menu {
height:35px;
width:830px;
background:url(../img/top_menu.png) no-repeat;
padding:14px 16px 0 16px;
font-size:14px;
}

#top_menu ul {
margin:0;
padding:0;
list-style-type:none;
}

#top_menu ul li {
float:left;
margin:0 0 0 7px;
}

#top_menu ul li a {
color:#dadada;
text-decoration:none;
}

#top_menu ul li a:hover {
color:#cdcdcd;
text-decoration:underline;
}


#header_line {
	height:18px;
	background:url(../img/header_line.jpg) repeat-x;
	margin-bottom:10px;
	border-bottom:1px solid #666666;
	padding-top:6px;
	color:#FFFFFF;
	font-size:11px;	
	}
	

.frends-menu {
display:inline-block; 
width: 195px;
height: 100px;
font-weight: bold;
padding: 1px;
text-align: center;
margin-bottom: 1px;
border: #767676 solid 1px;
background-position: 2% 50%;
background-color: #111111;
overflow: hidden;
}

.nad,.n_ad {
display:inline-block; 
background-color:white;
display:table-cell;
float:left;
width:280px;
width: 290px;
font-weight: bold;
margin:0 3px 3px 0;
padding:4px;
font-size:7.5pt;
border: #767676 solid 1px;
overflow:hidden;
background-position: 2% 50%;
line-height:10px;
color:#ccc !important;
word-wrap: break-word;
/*background:#333;*/
}


.left_box {
margin-left:1px;
width:197px;
float:left;
}

.left_box_top {
height:23px;
background:url(../img/left_box_top.png) no-repeat 3px 0px;
padding:7px 8px 0 9px;
font-size:11px;
}

.left_box_middle {
background:url(../img/left_box_middle.png) repeat-y;
padding:4px 10px 4px 10px;
color:#454545;
font-size:12px;
font-style:normal;
text-shadow: 2px 2px 3px #aaa;
}

.left_box_bottom {
height:6px;
background:url(../img/left_box_bottom.png) no-repeat -1px 0px;
}

.right_box {
width:630px;
float:left;
}

.right_box_top {
height:22px;
background:url(../img/right_box_top.png) no-repeat 3px 0px;
padding:7px 8px 0 9px;
font-size:11px;
}

.right_top {
float:right;
margin-left:23px;
background-position: 2% 50%;
}

.right_box_middle {
background:url(../img/right_box_middle.png) repeat-y;
padding:4px 10px 4px 10px;
color:#454545;
font-size:12px;
font-style:normal;
text-shadow: 2px 2px 3px #aaa;
}

.right_box_bottom {
height:10px;
background:url(../img/right_box_bottom.png) no-repeat;
}

.right_bottom {
height:10px;
float:right;
}

.clear {
clear:both;
margin:0;
padding:0;
line-height:1;
font-size:0
}

#footer {
height:100px;
background:url(../img/footer.png) no-repeat;
padding:12px 10px 0 8px;
font-size:11px;
margin-top: 5px;
}

input.login {
background: url(../img/input.png) no-repeat;
width: 170px;
height: 20px;
border: 1px solid #aaa;
}

input.login_password{
background: url(../img/pass_login.png) no-repeat;
width: 170px;
height: 20px;
border: 1px solid #aaa;
}

input.login_user{
background: url(../img/user_login.png) no-repeat;
width: 170px;
height: 20px;
border: 1px solid #aaa;
}

input.sub {
background: url(../img/login.jpg) no-repeat;
width: 37px;
height: 21px;
cursor: pointer;
}

a.log {
text-decoration: none;
color: #000;
} 

hr.dash {
border: none;
border-top: 1px dashed gray;
}

.err {
background: #ffc3c3;
border: 1px solid red;
padding: 5px;
width: 810px;
}

.no_message {
background: #ffc3c3;
border: 1px solid red;
padding: 5px;

}

.masovo{
background: #FFFABF;
border: 1px solid #CFC774;
padding: 5px;
width: 810px;
}


.usp {
background: #c3ffd0;
border: 1px solid green;
padding: 5px;
width: 327px;
}

.b1 {
-moz-border-radius:2px 2px 2px 2px;
background-position:4% 50%;
background-repeat:no-repeat;
border:1px solid black;
display:block;
float:left;
font-size:14px;
font-weight:bold;
padding:7px 7px 7px 26px;
}

span {
color: red;
}

a {
text-decoration: none;
color: #000;
}

li {
padding-left: 22px;
}

td.a {
border: 1px solid #bbb;
padding: 3px;
width: 435px;
}

.a1 {
border: 1px solid #bbb;
padding: 50px;
width: 500px;
}

td.b{
border: 1px solid #bbb;
padding: 3px;
}

И сега трябва да се гадае кой елемент ти е тоя скролер?
 
Masterpiece каза:
html,body {
overflow:hidden;
margin:0;
padding:0;
color:#dadada;
font-family:verdana;
font-style:bold;
}

Мерси, но така избягаха и 2та скрола. Има ли начин единият да остане?
 
rexpage каза:
Masterpiece каза:
html,body {
overflow:hidden;
margin:0;
padding:0;
color:#dadada;
font-family:verdana;
font-style:bold;
}

Мерси, но така избягаха и 2та скрола. Има ли начин единият да остане?
[css]html,body {
margin:0;
padding:0;
color:#dadada;
font-family:verdana;
font-style:bold;
}
[/css]
 
[css]html,body {
margin:0;
padding:0;
color:#dadada;
font-family:verdana;
font-style:bold;
}
body{overflow:auto;}
[/css]
ако не стане пробвай така:
[css]html,body {
margin:0;
padding:0;
color:#dadada;
font-family:verdana;
font-style:bold;
}
html{overflow:auto;}
[/css]
 

Back
Горе