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