[PROBLEM]overflow

Cyziu · 19 Stycznia 2013

Witam mam problem a mianowicie jak usunąć ten pasek ?

oto kod css i index.php

body{ background-image:url('../images/background.jpg'); background-color:#000000; color:#ffffff; font:12px 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, san-serif; line-height:23px;}

#wrapper{ width:966px; margin:0 auto;}

#header{ width:153px; height:90px; padding-top:50px; padding-bottom:40px; text-align:center;}

#subheader{ float: right; padding-right: 40px; }

#navigation{ width:950px; height:26px; padding:15px 0px; font-size:13px; line-height:21px;}

#server{ background-image:url('../images/status_bg.png'); background-repeat:no-repeat; width:950px; height:26px; padding:14px 10px; font-size:30px; line-height:21px;}

#navigation ul{ margin-left:-10px; list-style:none;}

#navigation ul li{ float:left; margin-right:5px;}

#navigation ul li.active, #navigation ul li:hover{ float:left; background:url(../images/navigation_itembg_left.png) top left no-repeat; padding:0px 0px 5px;}

#navigation ul li a{ text-decoration:none; color:#fff; padding:2px 10px 5px; display:block;}

#navigation ul li.active a, #navigation ul li:hover > a{ text-decoration:none; color:#000000; background:url(../images/navigation_itembg_right.png) top right no-repeat; padding:2px 10px 5px; display:block;}

#search_form{ margin-left:40px;}

#search_input{ width:162px; height:15px; padding:5px 10px; background:url(../images/search_input.png) no-repeat;}

#search_button{ width:38px; height:25px; background:url(../images/search_button.png) no-repeat; color:#f1f2f3; cursor:pointer;}

#search_input, #search_button{ display:block; float:left; border:none;}

#content_out{ width:966px; background:url(../images/content_bg.png) no-repeat;}

#content{ width:930px; height:638px; padding:0 15px 60px 5px; clear:both;}

#slider{ height:370px; overflow:hidden; position:relative;}

#slider_smooth_left{ width:20px; height:370px; background:url(../images/slider_smooth_left.png) no-repeat; position:absolute; top:0; left:0;}

#slider_smooth_right{ width:20px; height:370px; background:url(../images/slider_smooth_right.png) no-repeat; position:absolute; top:0; right:0;}

#slider ul { width:880px;}

#slider ul li{ width:880px; float:left;}

#slider_navi{ height:35px; background:url(../images/slider_navi.png) no-repeat; text-align:center; margin-bottom:18px;}

#slider_navi ul li{ display:inline-block; margin:20px 2px 0 2px; width:12px; height:12px; background:url(../images/slider_nav_item_inactive.png) no-repeat;}

#slider_navi ul li.active , #slider_navi ul li:hover{ background:url(../images/slider_nav_item_active.png) no-repeat; cursor:pointer;}

#footer{ width:966px; height:37px; padding:14px 18px 0 18px; margin-left:5px; background:url(../images/footer.png) no-repeat; color:#a9a9a9; margin-bottom:147px;}

#footer_nav li{ float:left; margin:0 5px;}

#footer_nav li a{ color:#FFFFFF; text-decoration:none;}

#footer_nav li a:hover{ color:#9fd221;}

a{ color:#9fd221; text-decoration:none;}

a:visitet{ color:#FFFFFF; text-decoration:none;}

.clearfix{ clear:both;}

.one_of_one{ width:880px; margin:0 15px; float:left;}

.one_third{ width:260px; margin:0 25px; float:left;}

.two_third{ width:570px; margin:0 15px; float:left;}

.one_third_pic{ width:254px; height:135px; padding:3px; background:url(../images/pic_one_third_bg.png) no-repeat; margin-bottom:20px;}

.two_third_pic{ width:564px; height:185px; padding:3px; background:url(../images/pic_two_third_bg.png) no-repeat;}

.home_pic{ width:254px; height:85px; padding:3px; background:url(../images/home_pic.png) no-repeat; margin-bottom:10px;}

.devide, .devider{}

.devider{ padding-top:30px;}

.add_margin{ margin-bottom:40px;}

.sidebar_item{ margin-bottom:20px;}

.loader{ float:right; width:16px; height:16px; background:url(../images/ajax-loader.gif) no-repeat; margin:13px 10px;}

/*---------- Formatting ----------*/

h1,h2,h3,h4,h5,h6{color:#9fd221; margin-bottom:6px;}

h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{color:#9fd221; text-decoration:none;}

h1{ font-size:22px; font-weight:normal;}

h2{ font-size:20px; font-weight:normal;}

h3{ font-size:18px; font-weight:normal;}

h4{ font-size:16px; font-weight:bold;}

h5{ font-size:14px; font-weight:bold;}

h6{ font-size:12px; font-weight:bold;}

input {

background-color: #c9c9c9;

border:2px solid #392c24; border-top:2px solid #392c24; border-left:2px solid #392c24; border-bottom:3px solid #392c24; border-right:3px solid #392c24; border-radius: 5px ;

}

p{ margin-bottom:10px; }

td{vertical-align:middle;}

a.readmore{ text-decoration:none; padding:3px 10px 5px 10px; background:url(../images/readmore_btn.png) no-repeat; color:#9fd221;}

a.readmore:hover{ color:#9fd221;}

.left{ float:left;}

.right{ float:right;}

.border{ border:1px solid #e9e9e9; background-color:#FFFFFF; padding:4px;}

.border2{ border:2px solid #392c24; border-top:2px solid #392c24; border-left:2px solid #392c24; border-bottom:3px solid #392c24; border-right:3px solid #392c24; border-radius: 5px ; background-color:#392c24; padding:0px; width: 160px; height: 160px;}

/* Tiny Scrollbar */

#scrollbar1 {

width: 565px;

height: 510px;

clear: both;

overflow: auto;

}

#scrollbar1 .viewport {

width: 500px;

height: 10px;

}

#scrollbar1 .scrollbar {

position: relative;

float: right;

width: 10px;

}

.link_list li{ background-image:url('../images/menu_bg.png'); background-repeat:no-repeat; width:262px; height:31px; padding:5px 0 2px 20px;}

.link_list li a{ color:#ffffff; text-decoration:none;}

.link_list li.active a{ color:#9fd221}

.link_list li:hover, .link_list li:hover > .link_list li.active{ background-image:url('../images/menu_bg_active.png'); background-repeat:no-repeat; color:#9fd221; cursor:pointer;}

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR...nsitional.dtd">

Cufon.replace('h1,h2,h3,.about-pag a, #pag a', { fontFamily: 'Neo Sans Std',hover: true });

Cufon.replace('#sub-header a, .button', { fontFamily: 'NeoSans',hover: true });

</script>

$(document).ready(function(){

$('#scrollbar1').tinyscrollbar();

});

</script>

$(document).ready(function(){

$('#scrollbar1').tinyscrollbar();

});

</script>

var _gaq = _gaq || [];

_gaq.push(['_setAccount', 'UA-13240792-35']);

_gaq.push(['_trackPageview']);

(function() {

var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;

ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';

var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);

})();

</script>

<body>

</div>

<ul>

<li class="active"><a href="./ndex.htm">Strona Glowna</a></li>

<li><a href="">Sklep</a></li> </ul>

</div>

</div>

</div>

<p>Aliquam accumsan aliquam urna, id vulputate ante posuere eu. Nullam pretium convallis tincidunt. Duis vitae odio arcu, ut fringilla enim. Nam ante eros, vestibulum sit amet rhoncus et, vehicula quis tellus. Curabitur sed iaculis odio. Praesent vitae ligula id tortor ornare luctus. Integer placerat urna non ligula sollicitudin vestibulum. Nunc vestibulum auctor massa, at varius nibh scelerisque eget. </p> <p>Aliquam accumsan aliquam urna, id vulputate ante posuere eu. Nullam pretium convallis tincidunt. Duis vitae odio arcu, ut fringilla enim. Nam ante eros, vestibulum sit amet rhoncus et, vehicula quis tellus. Curabitur sed iaculis odio. Praesent vitae ligula id tortor ornare luctus. Integer placerat urna non ligula sollicitudin vestibulum. Nunc vestibulum auctor massa, at varius nibh scelerisque eget. </p> <p>Aliquam accumsan aliquam urna, id vulputate ante posuere eu. Nullam pretium convallis tincidunt. Duis vitae odio arcu, ut fringilla enim. Nam ante eros, vestibulum sit amet rhoncus et, vehicula quis tellus. Curabitur sed iaculis odio. Praesent vitae ligula id tortor ornare luctus. Integer placerat urna non ligula sollicitudin vestibulum. Nunc vestibulum auctor massa, at varius nibh scelerisque eget. </p> <p>Aliquam accumsan aliquam urna, id vulputate ante posuere eu. Nullam pretium convallis tincidunt. Duis vitae odio arcu, ut fringilla enim. Nam ante eros, vestibulum sit amet rhoncus et, vehicula quis tellus. Curabitur sed iaculis odio. Praesent vitae ligula id tortor ornare luctus. Integer placerat urna non ligula sollicitudin vestibulum. Nunc vestibulum auctor massa, at varius nibh scelerisque eget. </p> <p>Aliquam accumsan aliquam urna, id vulputate ante posuere eu. Nullam pretium convallis tincidunt. Duis vitae odio arcu, ut fringilla enim. Nam ante eros, vestibulum sit amet rhoncus et, vehicula quis tellus. Curabitur sed iaculis odio. Praesent vitae ligula id tortor ornare luctus. Integer placerat urna non ligula sollicitudin vestibulum. Nunc vestibulum auctor massa, at varius nibh scelerisque eget. </p> <p>Aliquam accumsan aliquam urna, id vulputate ante posuere eu. Nullam pretium convallis tincidunt. Duis vitae odio arcu, ut fringilla enim. Nam ante eros, vestibulum sit amet rhoncus et, vehicula quis tellus. Curabitur sed iaculis odio. Praesent vitae ligula id tortor ornare luctus. Integer placerat urna non ligula sollicitudin vestibulum. Nunc vestibulum auctor massa, at varius nibh scelerisque eget. </p> <p>Aliquam accumsan aliquam urna, id vulputate ante posuere eu. Nullam pretium convallis tincidunt. Duis vitae odio arcu, ut fringilla enim. Nam ante eros, vestibulum sit amet rhoncus et, vehicula quis tellus. Curabitur sed iaculis odio. Praesent vitae ligula id tortor ornare luctus. Integer placerat urna non ligula sollicitudin vestibulum. Nunc vestibulum auctor massa, at varius nibh scelerisque eget. </p> <p>Aliquam accumsan aliquam urna, id vulputate ante posuere eu. Nullam pretium convallis tincidunt. Duis vitae odio arcu, ut fringilla enim. Nam ante eros, vestibulum sit amet rhoncus et, vehicula quis tellus. Curabitur sed iaculis odio. Praesent vitae ligula id tortor ornare luctus. Integer placerat urna non ligula sollicitudin vestibulum. Nunc vestibulum auctor massa, at varius nibh scelerisque eget. </p> <p>Aliquam accumsan aliquam urna, id vulputate ante posuere eu. Nullam pretium convallis tincidunt. Duis vitae odio arcu, ut fringilla enim. Nam ante eros, vestibulum sit amet rhoncus et, vehicula quis tellus. Curabitur sed iaculis odio. Praesent vitae ligula id tortor ornare luctus. Integer placerat urna non ligula sollicitudin vestibulum. Nunc vestibulum auctor massa, at varius nibh scelerisque eget. </p> <p>Aliquam accumsan aliquam urna, id vulputate ante posuere eu. Nullam pretium convallis tincidunt. Duis vitae odio arcu, ut fringilla enim. Nam ante eros, vestibulum sit amet rhoncus et, vehicula quis tellus. Curabitur sed iaculis odio. Praesent vitae ligula id tortor ornare luctus. Integer placerat urna non ligula sollicitudin vestibulum. Nunc vestibulum auctor massa, at varius nibh scelerisque eget. </p>

</div>

<h3>

</div>

<br>

</div>

<li class="active"><a href="">Sklep SMS</a></li>

<li><a href="">Kontakt</a></li>

<li><a href="">Facebook</a></li>

<li><a href="">YouTube</a></li>

</ul>

</div>

<br>

<h2><cufon class="cufon cufon-canvas" alt="Hosting " style="width: 70px; height: 20px;"><canvas width="82" height="21" style="width: 82px; height: 21px; top: -2px; left: -1px;"></canvas><cufontext>Hosting </cufontext></cufon><cufon class="cufon cufon-canvas" alt="zapewnia " style="width: 82px; height: 20px;"><canvas width="94" height="21" style="width: 94px; height: 21px; top: -2px; left: -1px;"></canvas><cufontext>zapewnia </cufontext></cufon><cufon class="cufon cufon-canvas" alt="MineServ.eu" style="width: 100px; height: 20px;"><canvas width="107" height="21" style="width: 107px; height: 21px; top: -2px; left: -1px;"></canvas><cufontext>MineServ.eu</cufontext></cufon></h2>

<p>

<br>

</p><center> <div class="border2"> <a href=""><img src="./images/mineserv.jpg" alt="MineServ.eu | Hosting Serwer�w Minecraft "></a></div></center> </div>

<p></p>

</div>

</div>

</div>

</div>

</body></html>

bnmbb · 19 Stycznia 2013

Kod w znacznikach code dajesz.

A co do tego no to usuń overflow ?

#scrollbar1 {
width: 565px;
height: 510px;
clear: both;
overflow: auto;
}

I tu dam ci kod na pasek pionowy czyli "y", jak chcesz poziomy to dajesz "x":

#scrollbar1 {
width: 565px;
height: 510px;
clear: both;
overflow-y: auto;
}

Cyziu · 19 Stycznia 2013

dzięki do zamknięcia

Zaloguj się

👋 Witaj na MPCForum!

[PROBLEM]overflow

Rekomendowane odpowiedzi

Cyziu

Cyziu

bnmbb

bnmbb

Cyziu

Cyziu

Zarchiwizowany