Hallo, ich versuche mich gerade an einem Theme. Ich habe ein freies Theme genommen und will es nach meinen Wünschen umbauen. Jetzt habe ich nur das Problem, dass sich der Header nicht vergrößern lässt. Der Header wird als Bild dargestellt. Die Ursprungsdatei hatte die Maße 821x110 und die neue Datei die Maße 1000x134.
Ich habe den content auch auf 1000px gestellt und die "Frames" (weiß nicht, wie die Dinger wirklich heißen) auch angepasst. Doch leider wird mir der Header abgeschnitten.
Im Anhang findet ihr einen Screen von der Seite und hier ist der Quellcode der css:
CSS
/*
Theme Name: Intbuero
*/
body {
background-color: #ECECEC;
font: 0.8em Verdana;
}
table td, table th, table tr {
font-size: 1em;
}
.page {
text-align: center;
margin: 0;
padding: 0;
}
.container {
margin: 0 auto 0 auto;
text-align: left;
width: 1000px;
}
a {
color: #008a4e;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
.textinput {
border: #6CB800 solid 1px;
}
.header {
background-image: url('images/roundedheader.png');
background-repeat: no-repeat;
height: 110px;
padding: 0px;
margin: 0px;
text-align: right;
}
.header h3 {
padding: 40px 30px 0 20px;
font: bold 2.2em Tahoma;
margin: 0;
}
.header h3 a {
color: #ffffff;
}
.header p {
padding: 0 30px 0 20px;
margin: 0;
}
.left-sidebar {
z-index: 10;
float: left;
padding: 0px 5px 5px 0;
width: 220px;
}
.left-sidebar ul{
margin: 0;
padding: 0;
list-style: none;
}
table#wp-calendar th {
font-weight: bold;
}
table#wp-calendar caption {
font-size: 0.9em;
}
.main-content {
margin: 0px 10px 10px 230px;
_padding-top: 10px;
width: 720px;
}
.main-content h2 {
font: bold 1.4em Tahoma;
color: #e2382a;
}
.main-content h2 a {
color: #EF7B00;
}
.footer {
clear: both;
margin-left: 20px;
text-align: center;
}
/* set the image to use and establish the lower-right position */
.cssbox, .cssbox_body, .cssbox_head, .cssbox_head h2 {
background: transparent url('images/sidebarbox.png') no-repeat bottom right;
}
.cssbox {
width: 200px !important; /* intended total box width - padding-right(next) */
width: 185px; /* IE Win = width - padding */
padding-right: 10px; /* the gap on the right edge of the image (not content padding) */
margin: 0px auto; /* use to position the box */
}
/* set the top-right image */
.cssbox_head {
background-position: top right; margin-right: -10px; /* pull the right image over on top of border */
padding-right: 20px; /* right-image-gap + right-inside padding */
}
/* set the top-left image */
.cssbox_head h2 {
background-position: top left; margin: 0; /* reset main site styles*/
border: 0; /* ditto */
padding: 15px 0 5px 15px; /* padding-left = image gap + interior padding ... no padding-right */
height: auto !important; height: 1%; /* IE Holly Hack */
width: 150px;
}
/* set the lower-left corner image */
.cssbox_body {
background-position: bottom left; margin-right: 25px; /* interior-padding right */
padding: 5px 0 20px 15px; /* mirror .cssbox_head right/left */
}
.cssbox_body p {
margin: 0;
padding: 0;
}
.cssbox_head h2 {
font: bold 1.3em Tahoma;
}
hr {
background-color: #e2382a;
color: #e2382a;
height: 3px;
border: 0;
}
textarea#comment {
width: 720px;
border: #6CB800 solid 1px;
}
ol.commentlist {
list-style: none;
margin: 0;
padding: 0;
}
ol.commentlist .alt {
background-color: #ffffff;
padding: 5px;
margin-bottom: 10px;
}
.postmetadata-alt {
background-color: #ffffff;
padding: 5px;
border: #6CB800 solid 1px;
font-style: italic;
text-align: center;
}
.nextpost {
float: right;
}
.previouspost {
float: left;
}
Ich hoffe es kann mir jemand helfen.
Danke im Voraus und schöne Feiertage!!