Hallo,
meine Sidebar ist derzeit links neben dem Content angefügt. Ich würde diese gerne nach rechts verschieben, doch leider hat das zur Folge, dass sie sich nun unter den Posts befindet (Kevin Reymann).
Ich bin mir nicht sicher, was ich da falsch mache. Ich hatte zunächst angenommen, dass an der CSS die Werte zu breit eingestellt sind, doch Veränderungen zeigten keine Wirkung. Hat vielleicht jemand einen Tipp?
Hier ist der Code der style.css:
ZitatAlles anzeigen/*
Theme Name:Ejakulation
Theme URI:
Hier kannst Du walten und schalten wie Du magst und kannst.
viel Spass mts von http://www.texto.de
*/*{
margin: 0px;
padding: 0px;
border: none;
outline:none;}
body{
background-color: #ececec;
font-family: Arial, Verdana, sans-serif;
font-size: 12px;
color: #515151;
}a:link, a:visited{
color: #24468a;
text-decoration: none;
}a:hover{
text-decoration: underline;
}#container{
width: 1024px;}
#header{
height: 55px;
width: 300px;
background-image: url(img/header.png);
background-repeat: no-repeat;
margin-bottom: 10px;
}#header a{
height: 55px;
width: 600px;
display: block;
}
#content{
margin: 50px;
width: 500px;
float: left;
}.datum{
margin: 0px auto 20px auto;
width: 300px;
text-align: center;
color: #989898;
font-size: 16px;
font-weight: lighter;
font-family: Georgia;}
.eintrag{
line-height: 18px;
margin-bottom: 65px;
}.eintrag p{
margin-bottom: 10px;
}.eintrag h2 a{
color: #2d2d2d;
margin-bottom: 10px;
display: block;
}.eintrag h2 a:hover{
color: #525252;
margin-bottom: 10px;
display: block;
text-decoration: none;
}
.eintrag img{
border-top: 1px solid #bababa;
border-bottom: 1px solid #fff;
margin-bottom: 5px;
}.eintragmeta{
height: 25px;
background-image: url(img/contentmetabg.jpg);
background-repeat: repeat-x;
}.metageblubber{
margin-left: 3px;
float: left;
}.kommentaranzahl{
margin-right: 3px;
margin-top: -2px;
float: right;
background-color: #24468a;
text-align: center;
width: 40px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
color: #fff;
}.social{
margin-right: 3px;
margin-top: -16px;
float: right;
}
.kommentaranzahl:hover{
background-color: #4a73c6;
}
.kommentaranzahl{
color: #fff;
font-weight: bold;
display: block;
}.kommentaranzahl a{
width: 40px;display: block;
color: #fff;
text-decoration: none;
}#senseless{
background-image: url(img/sinnloserkasten.jpg);
height: 276px;
width: 276px;
margin-bottom: 50px;
}#senseless a{
background-color: red;
height: 276px;
width: 276px;
display: block;
}.metatext{
padding-top: 5px;
font-size: 11px;
}#sidebar{
float: right;
width: 275px;
margin-top: 70px;
}#sidebar ul{
margin-bottom: 50px;
}#sidebar li{
list-style-type: none;
height: 50px;
background-image: url(img/trennlinie.gif);
background-position: bottom;
background-repeat: no-repeat;line-height: 50px;
}#sidebar li:hover{
background-image: url(img/sidebarhover.jpg);
background-repeat: repeat-x;
}#sidebar li a{
}
.sidebarlinie{
background-image: url(img/trennlinie.gif);
height: 2px;
width: 275px;
margin-bottom: 93px;
margin-top: 5px;
}#sidebar a:link, #sidebar a:visited{
margin-left: 3px;
color: #2d2d2d;
width: 275px;
height: 50px;
display: block;
}#sidebar a:hover{
text-decoration: none;
}#sidebar h2{
font-size: 15px;
font-weight: bold;
margin-bottom: -40px;
}#sidebar li h2:hover{
background-image: none;
}.linkcat h2{
display: none;
}.cat-item{
}
.cat-count{
margin-right: 3px;
margin-top: 15px;
float: right;
width: 40px;
line-height: 18px;
text-align: center;
font-weight: bold;
color: #fff;
background-color: #333;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;}
.cat-name{
width: 200px;float: left;
}#s{
width: 275px;
height: 20px;
margin-bottom: 10px;
font-size: 11px;
text-align: center;
line-height: 90px;
background-color: #ececec;
border: 1px solid #bababa;
padding-left: 5px;
padding-top: 9px;
color: #b0b0b0;
}#searchsubmit{
display: none;
}
.unsichtbar{
display: none;
}.clear{
clear: both;
}.contentlinie{
border-top: 1px solid #bababa;
border-bottom: 1px solid #fff;
}.headerlinie{
border-top: 1px solid #bababa;
border-bottom: 1px solid #fff;
margin-bottom: 55px;
}#upnavi{
margin-left: 50px;
height: 20px;
background-color: #ddd;
width: 930px;
}/* single.php kommentare */
#comment{
background-color: #dcdcdc;
border: 1px solid #bababa;
width: 580px;
padding: 10px;
font-family: Arial, sans-serif;
font-size: 12px;
}
#author, #email, #url{
text-align: center;
padding-top: 7px;
width: 191px;
height: 18px;
margin-bottom: 10px;
float: left;
background-color: #dcdcdc;
border: 1px solid #bababa;
color: #767676;
}#author, #email{
margin-right: 10px;
}#email{
margin-right: 11px;
}.kommentartext{
margin: 5px 0px -5px 0px;
}#kommentarliste li{
list-style-type: none;
margin-bottom: 50px;
line-height: 18px;
}#kommentarliste li p{
margin-bottom: 10px;
}#submit{
float: right;
width: 100px;
height: 30px;
margin-top: 10px;
background-color: #bababa;
color: #fff;
font-weight: bold;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
outline:none;
}#footerlinie{
border-top: 1px solid #bababa;
border-bottom: 1px solid #fff;
margin-left: 50px;
width: 600px;
}#footer{
text-align: center;
margin: 10px 0px 40px 50px;
}.metalinieoben{
border-top: 1px solid #bababa;
border-bottom: 1px solid #fff;
margin-top: 15px;
}
/* fuer unterschiedliche Kommentare*/
/* braucht man immer*/
acronym, abbr, span.caps {
cursor: help;
}
Danke!!