Hallo zusammen,
ich habe mir (wieder einmal) ein eigenes Theme gebastelt. Klappt ganz gut...bis auf eine Kleinigkeit, die zwar nicht wirklich dramatisch ist, die mich aber nervt.
Wenn ich Beiträge oder Seiten erstelle, dann "verlängert" sich der body-Bereich meiner Seite proportional zur Länge des Beitrags nach unten und reicht dann über den footer hinaus. Ich bin mir zumindest ziemlich sicher, dass es der body und nicht der wrapper oder ein anderer Bereich ist weil der expandierende Hintergrund die Farbe hat, die ich im stylesheet.css im body definiert habe.
Das Seltsame daran: Es passiert nur bei Beiträgen oder Seiten wohingegen beispielsweise alles was buddypress angelegt keinen solchen Effekt hat.
Da es hier nicht gerne gesehen wird wenn ich die betroffene Seite hier verlinke, packe ich stattdessen die css-Anweisungen rein, in der Hoffnung, jemand findet den Grund.
body {
color: #333;
background: #e5e5e5;
margin-top: 0px;
margin-left: 0px;
align: center;
height: 100%;
}
#wrapper {
width: 100% ;
text-align: left;
background: #fff;
align: left;
}
#header {
height: 130px;
width: 100%;
padding: 0px;
background: #000;
}
#main {
width: 55%;
padding: 20px;
float: left;
margin-left: 40px;
border: 2px solid #DDD;
margin-top: 50px;
}
#main a {
color: black;
}
#sidebar {
width: 180px;
height: 1000px;
min-height: 100%;
padding: 0px;
padding-top: 0px;
float: left;
background: #000;
}
#sidebar1 {
width: 180px;
padding: 10px;
padding-top: 0px;
float: left;
background: #fff;
font-family: verdana;
font-size: 0.8em;
}
#sidebar1 ul {
list-style: none;
}
#sidebar1 a {
text-decoration: none;
color: black;
}
#footer {
clear: both;
height: 100px;
padding: 20px;
background: #000;
color: #fff;
}
#banner_oben {
display: inline-block;
color: gold;
width: 200px;
height: 100px;
background-image: url(bilder/eden.jpg);
background-repeat: no-repeat;
}
#banner2_oben {
display: inline-block;
color: gold;
width: 400px;
height: 100px;
background-image: url(bilder/hebanner.gif);
background-repeat: no-repeat;
}
#hauptnavi {
background: #fff;
color: #fff;
}
#weiss {
width: 85%;
height: 50px;
background: #fff;
margin-left: 180px;
margin-top: -20px;
padding: 20px;
}
#weiss a {
color: black;
text-decoration: none;
}
#headermenu {
height: 30px;
margin-left: 60px;
width: 85%;
}
#footer_links {
display: inline-block;
width: 20%;
margin-left: 100px;
padding: 20px;
}
#footer_mitte {
display: inline-block;
width: 20%;
padding: 20px;
}
#footer_rechts {
display: inline-block;
width: 20%;
padding: 20px;
}
#beitrag {
background: #d5d5d5;
padding: 10px;
-webkit-box-shadow: 11px 12px 16px -10px rgba(0,0,0,0.75);
-moz-box-shadow: 11px 12px 16px -10px rgba(0,0,0,0.75);
box-shadow: 11px 12px 16px -10px rgba(0,0,0,0.75);
border-radius: 0px 23px 0px 19px;
-moz-border-radius: 0px 23px 0px 19px;
-webkit-border-radius: 0px 23px 0px 19px;
border: 0px solid #000000;
}Vielen Dank im Voraus und viele Grüße