Hallo,
ich habe das Problem, dass die Bilder in der Sidebar stehts auf die maximale Größe der Sidebar skaliert werden, sodass die kleinen Bilder stehts verzerrt sind.
Im Content-Bereich habe ich es bereits hinbekommen, dass das Scaling unterbunden wird.
In der Sidebar hingegen leider nicht 
Zurzeit habe ich es einfach auf eine bestimmte Breite begrenz, damit wenigstens mein einziges Bild richtig dargestellt wird.
Auch wenn ich eine Größe des Bildes per widght & height bestimme, scheint dies stets überschrieben zu werden und es dann doch auf die max. Breite gescaled wird.
Stylesheet (style.css)Q
Code
/*
*/
body {background: #000000 url('http://www.abracadaver.de/wp-content/uploads/bg1.png'); padding: 15px 0 15px 0;}
#sidebar {font-size: 11px; font-weight: normal; line-height: 1.4em;}
#sidebar .contentarea {width:100%;}
#sidebar img {max-width: 110px;}
body, input {font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #858585; line-height : 0.5em;}
p {line-height: 1.4em; margin-bottom: 1em; text-align: left;}
a {color: #670404; text-decoration : none;}
a:hover {color: #85050E; text-decoration: bold;}
h2 {font-weight: bold;}
h3 span {font-weight: normal;}
h3, h4 {display: inline; font-weight: bold; text-transform: uppercase; background-repeat : no-repeat; background-position : right 0%;}
h3 {font-size: 1.4em; padding-right: 34px; background-image: url('images/spacer.gif');}
h4 {font-size: 1.2em; padding-right: 28px; background-image: url('images/spacer.gif');}
h5 {font-size: 1.2em;}
small {font-size: 11px;}
.contentarea {width: 465px;}
####remove-these-to-make-it-work#####.contentarea img {width: 465px;}
.contentarea3 {width: 465px;}
img.left {position: relative; float: left; margin: 0 1.8em 1.4em 0;}
img.right {position: relative; float: right; margin: 0 0 1.8em 1.8em;}
.divider1 {position: relative; background: #000000 url('images/border2.gif') repeat-x; height: 14px; margin: 2em 0 1.5em 0; clear: both;}
.divider2 {padding-bottom: 20px;}
.divider3 {position: relative; height: 1px; width: 180px; border-bottom: 1px solid #850037; margin: 1em 0 1.2em 0;}
.post .details {position: relative; top: -1.5em; font-size: 0.8em; color: #858585;}
.yellow {color: #850037; font-weigh : bold;}
.black {color: #343434; font-weight: bold; margin-top: -14px;}
.black2 {color: #343434; font-weight: bold;}
.text {float: left;}
.details {color: #7c7c7c;}
.post ul.controls {clear: both;}
.post ul.controls li {display: inline;font-size: 0.8em;}
.post ul.controls li a {background-repeat: no-repeat; background-position: left 0%; padding: 0 1em 0 20px;}
.post ul.controls li a.printerfriendly {background-image: url('images/icon-printerfriendly.gif');}
.post ul.controls li.comments a {background-image: url('images/icon-comments.gif');}
.post ul.controls li.readmore a {background-image: url('images/icon-more.gif');}
.box {right: -3px;top: -2px; padding: 0; width: 180px; border-bottom: 1px solid #69001E; margin-bottom: 1em;}
.hello {width: 465px; height: 10px; border-bottom: 1px solid #260000; margin-bottom: 1em; padding-bottom: 1em; padding-top: 0.4em; font-size: 15px; color: #670404; font-family: Helvetica, Arial, sans-serif;}
.hello2 {width: 100%; height: 10px; padding-top: 0.4em; border-bottom: 1px solid #260000; margin-bottom: 1em; padding-bottom: 1em; font-size: 15px; color: #670404; font-family: Helvetica, Arial, sans-serif;}
blockquote {background: #030303 url('images/boxbg.gif') repeat-x;}
.contentarea ul {list-style: none; width: 100%;}
.contentarea ul li {line-height: 2em; width: 100%;}
.contentarea2 ul {list-style: none; width: 180px;}
.navigation {font-size: 36px;}
#outer {z-index: 2; position: relative; width: 750px; border: 1px solid #9a9a9a; background-color: #000; margin: 0 auto;}
#upbg {text-align: right; width: 750px; margin: 0 auto; padding-bottom: 5px;}
#header {width: 100%; margin-bottom: 2px;}
#content {padding : 4.5em 2em 0 2em;}
#primarycontainer {float: left; margin-right: -18em; width: 100%;}
#primarycontent {margin: 0 20em 0 0;}
#secondarycontent {float: right; width: 18em;}
#secondarycontent img {width: 18em;}
#footer {padding-top: 5px; clear: both; border-top: 1px solid #0D0D0D; margin-bottom: 10px;}
#commentlist li {margin-bottom: 1.5em; padding-bottom: 1em; border-bottom: 1px solid #700000; list-style: none;}
#commentform {margin: 1em 0; background: #000000; width: 460px;}
#commentform textarea {background: #030303; border: 1px solid #d6d3d3; width: 460px;}
#commentform textarea:hover {background: #000000; border: 1px solid #d6d3d3;}
#commentform textarea:focus {background: #000000; border: 1px solid #939793;}
#commentform #email:focus, #commentform #author:focus, #commentform #url:focus {font-size: 1.1em; background: #00000; border: 1px solid #939793; width: 280px;}
#commentform input {margin-bottom: 3px;}
.entry ul li {list-style: none; margin-left: 25px;}
.post ol li {margin-left: 25px;}
.commenttext {width: 460px;}
#flickr img {width: 465px; padding-bottom: 10px;}
#navcontainer {height: 120px; font: 15px Helvetica, Arial, sans-serif;}
input {
background-color : #2B0004;
border-color: #000000;
border-width: 0;
color: #D4D4D4;
font-family: Arial, Helvetica, sans-serif;
font-size: 8pt;
wight : 50;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
textarea {
background-color : #2B0004;
border-color: #000000;
border-width: 0;
color: #D4D4D4;
font-family: Arial, Helvetica, sans-serif;
font-size: 8pt;
scrollbar-face-color:#000000;
scrollbar-shadow-color:#151515;
scrollbar-highlight-color:#151515;
scrollbar-3dlight-color:#000000;
scrollbar-darkshadow-color:#000000;
scrollbar-track-color:#000000;
scrollbar-arrow-color:#151515;
}Meine Seite: http://www.abracadaver.de