Habe das oben genannte Template auf meiner Page installiert. Nun habe ich das Problem, dass der Hintergrund im Content-Bereich bei längeren Texten nicht "mit ausgefüllt" wird, daher das einfach ein Teil weiss bleibt. Genauergesagt im oberen Bereich des Content ist der Graue Hintergrund wie gewünscht aber im unteren Teil fehlt dieser. Wo im CSS muss ich da die Anpssung machen, meine spielereien haben leider nicht geholfen :-)
[CODE]
html {
height: 100%;
margin-bottom: 0px;
}
form {
margin: 0;
padding: 0;
}
img,table {
border: none;
}
body {
font-family: Tahoma, Arial, sans-serif;
line-height: 1.3em;
margin: 0;
padding: 0;
font-size: 12px;
color: #333;
}
body.contentpane {
background: #FFF url(../images/bodybg.jpg) top left repeat-x;
}
a:link, a:visited {
text-decoration: underline;
font-weight: normal;
color: #555;
}
a:hover {
text-decoration: none;
font-weight: normal;
color: #333;
}
input.button, .validate {
color: #333;
font-size: 10px;
border: 1px solid #555;
}
.search input.button {
text-align: right;
}
input.button:hover, .validate:hover {
}
p {
margin-top: 0;
margin-bottom: 5px;
text-align: justify;
}
.inputbox {
border: 1px solid #555;
color: #333;
padding: 2px;
}
.inputbox:hover {
}
/*****************************************/
/*** Template specific layout elements ***/
/*****************************************/
#page_bg {
padding: 0;
background: #FFF url(../images/bodybg.jpg) top left repeat-x;
}
div.center {
text-align: center;
margin: 0 auto;
padding: 0;
width: 972px;
}
div#wrapper {
margin: 0 auto;
width: 972px;
text-align: left;
}
#top {
width: 972px;
height: 43px;
margin: 0 auto;
padding: 0;
background: url(../images/top.jpg) top center no-repeat;
}
#header {
height: 140px;
background: url(../images/header.jpg) top center no-repeat;
margin: 0 auto;
width: 972px;
}
#borders {
background: url(../images/borders.gif) top center repeat-y;
width: 972px;
margin: 0 auto;
}
#content_bg {
background: #FFF url(../images/content.jpg) top left repeat-x;
width: 958px;
margin: 0 auto;
}
#inner_shadows {
background: url(../images/inner_shadows.jpg) top center no-repeat;
}
#content {
width: 918px;
margin: 0 auto;
padding: 20px;
overflow: hidden;
}
#content_bottom {
width: 972px;
height: 14px;
background: url(../images/content_bottom.jpg) top center repeat-x;
}
#logo {
padding: 60px 0 0 0;
text-align: left;
margin: 0 auto;
width: 920px;
}
#logo a, #logo a:link, #logo a:hover {
font-weight: normal;
font-family: Verdana, Arial, sans-serif;
font-size: 20px;
padding: 0;
margin: 0;
letter-spacing: 1px;
color: #525252;
text-decoration: none;
outline: none;
line-height: 36px;
}
.pill_m {
text-align: center;
margin: 0 auto;
padding: 0;
background: url(../images/menu.jpg) top center no-repeat;
width: 972px;
height: 32px;
}
#pillmenu {
float: left;
margin: 0;
}
#pillmenu ul {
margin: 0;
padding: 0 20px;
list-style: none;
}
#pillmenu li {
float: left;
margin: 0;
padding: 0;
height: 32px;
}
#pillmenu li:hover {
}
#pillmenu li a#active_menu-nav {
color: #f4f4f4;
}
#pillmenu li a {
font-family: Verdana, Tahoma, sans-serif;
font-size: 12px;
float: left;
display: block;
line-height: 32px;
padding: 0 8px 0 8px;
color: #e2e2e2;
text-decoration: none;
font-weight: normal;
}


LinkBack URL
About LinkBacks
Zitieren
Lesezeichen