himpuh: horizontaler Scrollbalken

Hallo!
Ich bin absoluter Anfänger und habe versucht via Wordpress eine Webseite zu bauen. Dabei habe ich mir ein passendes Template gesucht und das meine "Wünschen" angepasst.
Leider habe ich jetzt aus irgendeinem Grund einen horizontalen Scrollbalken den ich nicht mehr wegbekomme :-(
Weiß jemand woran das liegen könnte?
DANKE!

Hier die Website: bas-tec.com

und hier noch das angepasste css:

/* Begin Typography & Colors */

body {
font: 10px arial, verdana, sans-serif;
        background-attachment: scroll;
        background-color: #ffffff;
}

pre, code {
font: 1.1em 'Courier New', Courier, Fixed;
width: 500px;
overflow: auto;
}

acronym, abbr, span.caps
{
font-size: 0.9em;
letter-spacing: .07em;
}

/* L I N K S */

a:link, a:visited {
color: #0A73A3;
text-decoration: none;
}

a:hover {
color: #0A43A3;
text-decoration: underline;
}

/* Etc
******************** */
br.clear {
clear: both;
}
/* clearfix */
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
height: 1%;
}
.clearfix {
display: block;
}
/* End hide from IE-mac */

/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
cursor: help;
}

acronym, abbr {
border-bottom: 1px dashed #999;
}

blockquote {
margin: 15px 30px 0 10px;
padding-left: 20px;
border-left: 5px solid #ddd;
}

blockquote cite {
margin: 5px 0 0;
display: block;
}

.center {
text-align: center;
}

.hidden {
display: none;
}

hr {
display: none;
}

a img {
border: none;
}

.navigation {
display: block;
text-align: center;
margin-top: 10px;
margin-bottom: 60px;
}

/* Basic */
#page {

width: 950px;  
margin: 0 auto;  

background-color: #ffffff;
}

}
#content-wrap {
float: left;
width: 100%;
}

#content {
/* margin: 0 425px 0 0; */
margin: 0 100px 0 0;
padding-top: 30px;

}

#sidebar {

float: left;  
position: relative;  
margin-left: -125px;  
width: 125px;  
margin-top: 20px;  

/* margin-left: -395px;
width: 395px; */
}

/* Menu */
#navr {

background: #63c4f0;  
height: 60px;  
position: relative;  

z-index: 1;

}
#navr2 {
width: 950px;
margin: 0 auto;
position: relative;
}
.menu {
list-style: none;
padding-bottom: 5px;
}
.menu li {
float: left;
}
.menu li a:link, .menu li a:visited {
padding: 10px;
display: block;
color: #fff;
text-decoration: none;
text-transform: uppercase;
font-size: 13px;
margin-right: 5px;

}
.menu li li a:link, .menu li li a:visited {
margin-right: 0;
}
.menu li.current_page_item a {
background: #336699;
}
.menu li a:hover {
background: #cccccc;
}

/* /Menu */

/* Header */

#header {

margin: 70px 0 0;  
width: 950px;  
height: 170px;  
background: #ffffff url(/images/header.jpg)  0 0 no-repeat;		  
position: relative;  

}
#header h1 a {
color: #fff;
position: relative;
left: 0px;
top: -5px;
font-size: 40px;
letter-spacing: -5px;
text-transform: uppercase;
}
#header h1 a:hover {
text-decoration: none;
}
.description {
position: absolute;
top: 50px;
left: 0;
border-left: 30px solid #bfdfcf;
padding-left: 5px;
color: #bfdfcf;
font-size: 30px;
}
/* /Header */

/* Post */

.post {

margin-bottom: 35px;  
min-height: 268px;  

}

.posties {
position: relative;
}
.posties .two {
position: absolute;
left: 0;
top: 0;
width: 120px;
padding-right: 20px;
text-align: right;
border-right: 1px solid #999;
min-height: 200px;
}
.two .dater {
width: 60px;
height: 60px;
background: #000;
color: #fff;
position: absolute;
right: 20px;
top: 20px;
padding: 5px;
}
.dater h3 {
font-size: 25px;
}
.posties .one {
margin-left: 150px;
padding-top: 20px;
}

.post h2 {  
	font-family: Helvetica, Arial, verdana, sans-serif;  
	font-size: 25px;  
}  
.post h2 a {  
	color: #BA2800;  
	text-decoration: none;  
	border-bottom: 1px solid #999;  
	display: block;  
	padding-bottom: 5px;  
}  
  
.entry h3 {  
	margin: 15px 0 0;  
	font-size: 18px;  
}  
.entry h4 {  
	margin: 15px 0 0;  
	font-size: 16px;  
}  
.entry h5 {  
	margin: 15px 0 0;  
	font-size: 14px;  
}  



.entry p {  
	line-height: 1.8em;  
	margin-bottom: 20px;  
}  
.entry ul {  
	list-style: square;  
}  
.entry ol {  
	list-style: decimal;  
}	  
.entry li {  
	line-height: 1.8em;  
	margin-left: 20px;	  
}  

.tagged {
font-style: italic;
font-size: 15px;
color: #777;
}

.metadata {
color: #999;
margin-top: 70px;
padding: 10px 0;
}
.metadata  a{
color: #777;
text-decoration: underline;
}

.postmetadata {
background: #efefef;
padding: 10px;
margin-top: 20px;

}

.pagetitle {
margin-bottom: 20px;
border-bottom: 1px solid #999;
padding-bottom: 5px;
text-align: right;
}

.recent2 li {
display: block;
color:#777;
font-size:0.9em;
float: left;
text-align: right;
width: 500px;
padding: 5px 0;
line-height: 22px;
border-bottom: 1px solid #ccc;
}
.recent2 li a {
font-size:1em;
font-weight: bold;
float: left;
text-align: left;
}
/* /Post */

/* Sidebar */

#sidebar ul {
list-style:  none;
}
#sidebar h2, #sidebar h3 {
color: #0A73A3;
border-bottom: 1px solid #ccc;
font-weight: normal;
font-size: 19px;
padding: 0 10px 5px;
}

}
#sidebar .categories li a:link, #sidebar .categories li a:visited, #sidebar .archives li a:link, #sidebar .archives li a:visited {
text-align: left;
float: left;
font-size: 13px;
}
#sidebar .boxy {
margin-bottom: 20px;
padding: 10px 0;
}
#s {
width: 160px;
margin-left: 10px;
border: 1px solid #777;
padding: 3px;
}

#searchsubmit {
padding: 2px;
background: #444;
color: #fff;
border: 1px solid #444;
}
#sidebar .buser {
border: 1px solid #ABD808;
border-top: 4px solid #ABD808;
border-bottom: 4px solid #ABD808;
}
#sidebar .buser li {
padding: 3px 10px;
}

}

}

#sidebar a {
color: #333;
text-decoration: none;
}
#sidebar a:hover {
color: #333;
text-decoration: underline;
}
.sideinfo {
background: #efefef;
margin-bottom: 20px;
padding: 15px;
}
.widget_flickrRSS h3 {
margin-bottom: 10px;
}
.widget_flickrRSS img {
float: left;
margin-right: 5px;
margin-bottom: 10px;
width: 80px;
padding: 0;
margin-left: 10px;
}
.widget_flickrRSS img a:link,.widget_flickrRSS img a:visited {
border-bottom: none !important;
}
.widget_flickrRSS {
overflow: auto;
}

/* /Sidebar */
/* Captions */
.aligncenter,
div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}

.wp-caption {
border: 1px solid #ddd;
text-align: center;
background-color: #f3f3f3;
padding-top: 4px;
margin: 10px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}

.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}

.wp-caption p.wp-caption-text {
font-size: 15px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
}
/* End captions */

.related  h2{
border-bottom: 1px solid #ccc;
padding-bottom: 5px;
font-size: 15px;
margin-bottom: 10px;
}
.related li {
margin-bottom: 10px;
}
.related p {
line-height: 1.8em;
}

.author-info {
background: #efefef;
padding: 10px;
}
.author-info .avatar {
float: right;
}
.author-info h4 {
font-size: 12px;
border-bottom: 1px solid #888;
margin-bottom: 10px;
}
p.bio {
margin-bottom: 10px;
line-height: 1.8em;
}
.sleft {
width: 150px;
float: left;
}

/* Footer */
#more-footer {
border-top: 1px solid #bfdfcf;
padding: 20px;
font-size: 13px;
line-height: 1.6em;
position: relative;
}
#more-more-footer {
width: 950px;
margin: 0 auto;
position: relative
}
.inner {
width: 315px;
}
.inner-one {
float: left;
}
.inner-two {
float: left;
}
.inner-two .grap {
margin-right: 20px;
}
.inner-three {
float: left;
}
.recent li {
text-align: right;
}
.infopost {
text-align: right;
font-size: 12px;
position: absolute;
right: 0;
}
.recent a {
text-align: left;
float: left;
}
#extra-footer {
border-top: 1px solid #bfdfcf;
padding: 20px;
font-size: 17px;
}
#more-footer a:link,#more-footer a:visited {
color: #bfdfcf;
}
#more-footer h3 {
color: #bfdfcf;
font-weight: normal;
font-size: 19px;
margin-bottom: 10px;
position: relative;
}

#footer {
width: 950px;
margin: 0 auto;
position: relative;
}
#footer .right {
position: absolute;
right: 0;
top: 0;
}

.rgrav {
float: left;
margin-right: 5px;
}
.rdata a {
display: block;
}

/* WP */
img.alignright {
display:inline;
margin:0 0 2px 7px;
padding:4px;
}

img.alignleft {
display:inline;
margin:0 7px 2px 0;
padding:4px;
}

.alignright {
float:right;
}

.alignleft {
float:left;
}

}
.wp-caption {
border:1px solid #ddd;
text-align:center;
background-color:#f3f3f3;
padding-top:4px;
margin:10px;
}

.wp-caption img {
border:0 none;
margin:0;
padding:0;
}

.wp-caption p.wp-caption-text {
font-size:11px;
line-height:17px;
margin:0;
padding:0 4px 5px;
}

img.centered,.aligncenter,div.aligncenter {
display:block;
margin-left:auto;
margin-right:auto;
}

  1. moinmoin,

    Weiß jemand woran das liegen könnte?

    also beim ersten drüberfliegen ist mir folgende Stelle aufgefallen

    /* Basic */
    #page {

    width: 950px;
    margin: 0 auto;
            background-color: #ffffff;
    }

    }

    die zweite geschiffene Klammer-zu ist hier wohl beim copy-paste versehentlich reingerutscht oder übriggeblieben...

    aber das ist wohl nicht alles, wenn ich mal den CSS-Validator von W3C anwerfe...

    Gruß Krischi

  2. Hi!

    Leider habe ich jetzt aus irgendeinem Grund einen horizontalen Scrollbalken den ich nicht mehr wegbekomme :-(
    Weiß jemand woran das liegen könnte?

    Setz doch mal in deiner
    http://bas-tec.com/wp-content/themes/yashfa.1.6/yashfa/css-menu.css
    bei folgender Angabe

    ul.menu ul {  
     visibility: hidden;  
     position: absolute;  
     top: 100%;  
     left: 0;  
     z-index: 598;  
     width: 100%;  
    }
    

    die Eigenschaft für visibility auf visible, dann siehst du vielleicht woher die Scrollbar kommt.

    FG Ulysses