My background do not extend all the way to the bottom of the entry

Latest Reply from katanaz at 2013-05-01 07:51:03
hey guys,
i have a problem with the body background on a post that i made on a category.
it has much text,above 10000 lines in one post.

so the black background img or color ends in about line 1500.
then the rest of the text has the white html background.

in the end it looks like this:
http://img28.imageshack.us/img28/7763/unbenanntvaz.png


the style.css
/*
Theme Name: GameFun
Theme URI: http://smthemes.com/gamefun/
Author: The Smart Magazine Themes
Author URI: http://smthemes.com/
Description: Template by SMThemes.com
Version: 2.0
License: Creative Commons 3.0
Theme date: 05/01/2013
License URI: license.txt
Tags: white, red, light, fixed-width, featured-images, custom-menu, translation-ready, threaded-comments, theme-options
*/


/* -==========================- GENERAL -==========================- */
/*------------------------------ PAGE ------------------------------*/
@import url(http://fonts.googleapis.com/css?family=Oswald);
html {
background:#f8f8f8;
}
body {
color:#acacac;
}
#all {
background:url(images/picture.jpg) 50% top no-repeat;
}
a {
color:#e8e8e8;
}
a:hover {
color:#fff;
}
h1, h2, h3, h4, h5, h6, a.post_ttl {
color:#fff;
text-decoration:none;
}

a.post_ttl {
font-size:22px;
color:#fff;
}
/*------------------------------ HEADER ------------------------------*/
#header {

}
#header .container{
padding:0 20px;
background:url(images/top.jpg) left top no-repeat;
}
#secondarymenu-container {
position:relative;
}

/*------------------------------ SEARCH ------------------------------*/
#s {
border:none;
background:none;
float:left;
color:#f8f8f8;
height:20px;
line-height:20px;
width:150px;
}
.searchbtn {
height:20px;
width:16px;
margin-right:5px;
}
.searchform {
background:#6a6c6f;
border:1px solid #353637;
border-radius:1px;
-moz-border-radius:1px;
-webkit-border-radius:1px;
margin:0;
box-shadow:0 0 1px #000 inset;
}
/*------------------------------ CONTENT ------------------------------*/
.articles {
padding-top:15px;
}
.articles .post-caption h2 {
background:url(images/article.jpg) left top repeat-y;
margin:0 -19px;
padding:5px 19px;
}
#commentform #submit, input.readmore, a.readmore {
background:#202123;
border: 4px solid #3C3E41;
border-radius:40px;
-webkit-border-radius:40px;
-moz-border-radius:40px;
box-shadow: 1px 1px 5px #111111;
color: #FFFFFF;
margin-right: 5px;
text-decoration: none;
}
a.readmore:hover {
background:none;
}
.featured_image {
padding:3px;
background:#fff;
border:none;
}
.widget_posts ul li img,.widget_flickr a {
padding:2px;
background:none;
}
.page-numbers {
padding:0 20px;
line-height:51px;
}
a.page-numbers {
color:#b3b3b3;
text-decoration:none;
}
a.page-numbers:hover {
color:#fff;
}
span.page-numbers {
color:#fff;
}
/*------------------------------ FOOTER ------------------------------*/
#footer {
color:#b3b3b3;
}
#footer .container {
background:url(images/content/main-n.png) 50% top repeat-y;
padding:0 20px;
}
#footer a {
color:#fff;
}
#footer h3 {
color:#b3b3b3;
border-bottom:1px solid #b3b3b3;
}
#footer .footer_txt {
padding-top:31px;
background:url(images/separator.png) left top repeat-x;
}

/*------------------------------ WIDGETS AND SLIDER ------------------------------*/
#content .widget {
background:url(images/separator.png) left top repeat-x;
padding-top:31px;
}
#content .widget:first-child {
background:none;
padding-top:15px;
}
.fp-next, .fp-prev {
width:55px;
height:55px;
}

.widget_categories ul li:before {
content:"";
}
.widget_categories ul li {
padding-left:20px;
background:url(images/cat-li.png) left 6px no-repeat;
}
.widget_categories ul li:hover {
background:url(images/cat-li-h.png) left 50% no-repeat;
}
/* -==========================- DESKTOP -==========================- */
@media only screen and (min-width:1024px) {
#content-top {
height:5px;
background:url(images/content/top-n.png) left top repeat-y !important;
width:1040px;
}
#content-bottom {
height:31px;
padding:0 20px;
}
#content .container {
padding:0 20px;
}
#logo {
position:absolute;
left:30px;
top:80px;
}
.menusearch {
float:rigth;
margin-top:12px;
margin-right:20px;
}
/*------------------------------ MENU ------------------------------*/
#secondarymenu-container {
height:56px;
position:relative;
z-index:11;
}
#secondarymenu {
float:left;
margin-left:20px;
margin-top:13px;
}
#secondarymenu li {
margin-right:5px;
}
#secondarymenu a {
color:#b5b8bb;
text-decoration:none;
padding:6px;
display:block;
font-size:12px;
}
#secondarymenu a:hover{
color:#fff;
}
#mainmenu-container {
height:100px;
background:url(images/mainmenu.png) right 30px no-repeat;
padding-top:30px;
padding-left:320px;
margin-right:-10px;
}
#mainmenu {
float:left;
}
#mainmenu li a {
text-align:center;
color:#e8e8e8;
display:block;
text-decoration:none;
font-size:13px;
font-family:'Oswald';
padding:21px 25px;
}
#mainmenu a:hover{
color:#fff;
}
#header li ul {
top:31px;
}
#mainmenu li ul {
top:58px;
left:0%;
}



#header li ul .inner {
background:#333333;
padding:0;
}
#header ul.children li, #header .sub-menu li {
padding:0 !important;
margin:0 !important;
height:25px;
line-height:25px;
}
#header ul.children li a, .sub-menu li a {
color:#fff !important;
padding:0 !important;
background:none;
height:25px;
line-height:25px;
}
#header .sub-menu .sub-menu {
top:0;
}
#header ul.children li a:hover, .sub-menu li a:hover {
background:#454545;
}


/*------------------------------ SLIDER ------------------------------*/
.slider-container {
margin:15px 0;
margin-top:-19px;
}
.slider {
position:relative;
width:906px;
margin:0 auto;
padding:10px;
background:#202020;
border:1px solid #2c2d2f;
}
.fp-prev-next-wrap {
margin:-10px;
}
.fp-prev,.fp-next {
margin:0 20px;
margin-top:-22px;
}
.fp-slides,.fp-thumbnail,.fp-slides-items {
height:429px;
width:906px;
}
.fp-content-fon {
border-bottom:none;
border-left:none;
border-right:none;
}
.fp-content-fon, .fp-content {
left:0;
right:0;
bottom:0;
}
.slider-nothumb .fp-content-fon {
background:#fff;
}
.slider-nothumb .fp-content a,.slider-nothumb .fp-content p{
color:#000;
}
.fp-nav {
bottom:25px;
right:30px;
left:auto;
}

}


/* -==========================- TABLET -==========================- */
@media only screen and (min-width:640px) and (max-width:1023px) {
#header .container {
background-position:50% top;
}
#logo {
float:left;
margin-left:20px;
}
#header-banner {
margin-top:25px;
float:right;
}
/*------------------------------ MENU ------------------------------*/
.menusearch {
float:right;
margin-top:6px;
margin-right:40px;
clear:right;
}
#secondarymenu-container {
height:100px;
padding-top:3px;
}
#secondarymenu {
float:right;
clear:right;
margin-right:15px;
margin-top:20px;
}
#secondarymenu li {
padding:18px;
}
#secondarymenu li a{
color:#f8f8f8;
text-decoration:underline;
}
#mainmenu-container {
padding-bottom:13px;
clear:left;
background:url(images/mainmenu-tablet.png) left top repeat;
margin-bottom:15px;
}
#mainmenu {
margin:0 10px;
}
#mainmenu li {
float:left;
}
#mainmenu a {
color:#f8f8f8;
text-decoration:none;
font-size:15px;
padding:21px 20px;
display:block;
font-family:'Oswald';
}
#header ul.children li a, .sub-menu li a {
color:#686868;
}
.slider-container { padding-bottom:35px;}
}

/* -==========================- MOBILE -==========================- */
@media only screen and (min-width:240px) and (max-width:639px) {
#header {
background:#020203;
}
#header .container {
background-position:50% top;
}
.menusearch {padding:3px 0;}
#secondarymenu-container {
padding-top:3px;
}
#logo {
margin-bottom:20px;
}

#secondarymenu, #mainmenu {
background:#fff;
margin:0 -2%;
padding:0 2%;
margin-top:10px;
}
#secondarymenu li, #mainmenu li {
border-top:1px solid #eee;
}
#secondarymenu li a, #mainmenu li a{
color:#142736;
}
.fp-next, .fp-prev {
margin:0 -5px;
}
.footer-widgets .widgetf:first-child {
border:none;
}

#footer {
width:100%;
}
.widgetf {
border-top:1px solid #d3d3d3;
}
.articles .post-date {
float:none;
}
.articles dt p img {
display:none;
}
.fp-nav {
bottom:-5px;
}
.slider-container {
padding-bottom:20px;
}
#s {
width:70%;

}
}

Leave a reply

Add codeAdd image