Probs mit dem Footer

chris87

Hi,

hab Probleme mit dem Footer
http://www.motozentrum-bitze.de/

der Footer endet nicht mit dem Content (also der Seite) sondern anscheinend mit der Sidebar.

Man hat also immer noch unter dem Footer einen weißen Rand
(falls ihr das nicht seht, müsst ihr einfach was rauszoomen, Firefox ist das strg+-)

ich hab keine ahnung was ich da machen kann

Code

/*
*/
* {
  margin: 0px;
  padding: 0px;
}
body {
    margin: 0px;
    padding: 0px;
    font-size:76%; 
    font-family:Arial, Verdana, Sans-Serif;
    background: #b8b8b8 url('images/bg.gif') repeat-y top center;
}
#wrap {
    width: 800px;
    overflow: hidden;
    position:relative;
    margin: 0px auto;
    background: #fff;
}
#content {
    width: 500px;
    float: left;
    display:inline;
    text-align: justify;
    padding: 10px;
    margin: 8px;
}
#nav {
    height: 49px;
    width: 790px;
    margin-right: auto;
    margin-left: auto;
}
#sidebar {
    width: 220px;
    float: right;
    line-height: 1.5em;
    display:inline;
    margin: 8px 8px 8px 0px;
    padding: 10px;
    font-size:10px;
}
#pages h1{
    margin:0px;
    padding:0px;
}
#pages h1 a{
    text-decoration:none;
    color:#999;
    font: 18px Arial, Helvetica, sans-serif;
    margin:0px;
    padding:13px 0px 0px 10px;
    letter-spacing: -1px;
    float: left;
}
#pages h1 a:hover{
    text-decoration:underline;
}
h1 {
    margin: 0px;
    padding: 45px 5px 5px 15px;
    font-size: 2.0em;
   }


h2{
  font-size: 1.6em;  
  border-bottom: 1px solid #f91;
}
h2 a{}
h3 {
    margin-top: 1.5em;
    font-size: 1.4em;
}
h4 {
    margin-top: 1.2em;
      font-size: 1.2em;
}
h5{
  margin-top: 1em;
  font-size: 1em;
}
#logo {
    background: url('images/header.gif') no-repeat;
    height: 120px;
    width: 800px;
    margin-right: auto;
    margin-left: auto
    }
#tagline {
    height: 20px;
    text-align: left;
    font-size: 15px;
    font-weight: bold;
    color: #000;
    padding-left:15px;
}
div#topnav {
    height: 40px;
    margin: 0px auto 0px;
    width:800px;
    background: #2d2d2d;


}


div#topnav ul {
    padding: 10px 0px 0px;
    white-space: nowrap;
    list-style-type: none;
    margin: 0px;    
}
div#topnav ul li {
    float:right;
}


div#pages ul li.current_page_item a  {
    text-decoration: underline;
}
div#topnav ul li a {
    display: block;
    text-decoration: none;
    border-left: 1px dotted #b8b8b8;
    font-size:12px;
    padding:5px 10px 5px 10px;
    color: #b8b8b8;
}
div#topnav ul li a:hover {
    color: #ccc;
}


#footer {
        clear: both;
    text-align: center;
    color:#b8b8b8;
    background:#2d2d2d;
    border-top:#b8b8b8 solid 5px;
    width: 800px;
    height: 80px;
    padding: 0px;
    margin-right: auto;
    margin-left: auto;






}
#footer p{
    padding:10px;
    margin:0px;
}


.entry{
    padding-top: 0px;
    padding-bottom: 30px;
    padding-left: 0px;
    font-size: 1.0em;
    line-height: 1.5em;
}
.firstpost {
    margin-bottom:15px
}
h3.entrytitle, h3 {
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 5px;


}
h3.entrytitle a, h3.entrytitle a:visited, h3 a{
    color: #f91;
    text-decoration:none;
    border-style: none;
    font-size: 18px;
    font-weight: bolder;
    text-transform: none;
}
h3.entrytitle a:hover, h3 a:hover{
text-decoration:underline;}
.entrymeta{
    height: 16px;
    margin-top: 0;
    font-size: 10px;
    color: #666;
    border-top:solid 1px #666;
    padding-top:4px;
    margin-bottom: 8px;
}
.entrymeta a img{
    border: none;
}
.entrymetabottom{
    height: 16px;
    margin-top: 0;
    font-size: 10px;
    border-top:solid 1px #666;
    padding-top:4px;
}
.entrymeta-home{
display:block;
background:#fafafa;}
/********************
.entryedit{
background: url('images/edit.gif') no-repeat left;}
***********************/
.entrymetabottom a img{
    border: none;
}
.entrybody a {
    height: 16px;
    margin-top: 0;
    font-size: 12px;
    color: #f91;
}
.entrybody img {
    padding: 4px;
    border: none;
}
.entrybody .wp-smiley {
border: none;
padding: 0;
}
.entrybody ul {
    margin-left: 20px;
    padding-left:0px;
    list-style-type: none;
}
.entrybody ol{
    margin-left:20px;
    padding-left:0px;
}
.entrybody ul li {
    list-style:square;
}
.commentlink img {
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
}


h4, h3, h2, #commentblock h2 {
    margin: 0;
    padding: 0px;
    font-size: 11px;
    font-style: normal;
    font-weight: bold;
    font-variant: normal;
    color:#999;
}
h2{
    margin-bottom: 10px;
    font-size: 14px;
}
a, a:visited{
    color: #f91;
    text-decoration:none;
}
a:hover{
    text-decoration:underline;
}
.entrybody p{
    margin:8px 0;
    padding:0;
}
.entrybody ul {
    margin-left: 30px;
    padding-left:0px;
    list-style-type: none;
}
.entrybody ol{
    margin-left:30px;
    padding-left:0px;
}
.entrybody ul li {
    list-style:square;
}
/********************SIDEBAR********************/
#sidebar h2 {
    display:block;
    height: 20px;
    margin: 5px 0px 0px;
    padding: 5px 0px 2px 10px; 
    font-size: 12px;
    color: #fff;
    border:none;    
    font-weight: normal;
    background:#f91;/* url('images/roundcorner.gif') no-repeat top left;*/
}
#sidebar ul {
    list-style: none;
    margin: 0 0 20px 0;
    padding: 0;
}
#sidebar ul li {
    display: inline;
    margin:0;
    padding:0;}
    
#sidebar li{
    list-style: none;
}
#sidebar ul li a {
    border-bottom: 1px solid #666;
    color: #f91;
    display: block;
    text-decoration: none;
    margin-left: 0px;
    padding: 4px 0 4px 25px;
    background: url('images/navbulle2.gif') no-repeat;
    background-position: 8px 50%;
}


#sidebar ul li a:hover{
    color: #f91;
    background: #ececec url('images/navbulle.gif') no-repeat;
    background-position: 10px 50%;
}


#sidebar ul.feeds li a{
    background:url('images/rss.png') no-repeat center left;
}
#sidebar ul.feeds li a:hover{
    text-decoration:underline;
}


#searchdiv {
    color:#000;
    margin-top: 2px;
    margin-bottom: 10px;
    border-bottom:none;
    background-color: transparent;
}
#searchdiv h2{
    color:#fff;
    background-color: #f91;
    margin-bottom:5px;}
.search{
    border: 1px solid #000;
}
#searchdiv input{
background: url('images/searchbg.gif') repeat-x 0 0;}


/************************************************
*    Comments                                                    *
************************************************/
#commentblock h2{
    padding:2px;
    margin-bottom:10px;
    margin-top:30px;
}
#commentblock {
    float:left;
    padding-top: 0px;
    padding-bottom: 20px;
    text-align: left;    /*font-size: 0.8em;*/
}
ol#commentlist {
    margin-top:0px;
    padding: 5px;
    margin-left: 0px;
    list-style-type: none;
}
.commentdate {
    font-size:0.8em;
    padding-left:5px;
}
#commentlist li  p{
    margin-bottom: 8px;
    line-height: 20px;
    padding:0;
}
.commentname {
    margin: 0 0 15px 0;
    padding: 5px;
}
.commentname-admin{
font-weight: bold;
}
.commentinfo{
    clear:both;
}
.comments-link {
    background:url('images/comments.gif') no-repeat left center;
    padding-left:16px
}
#commentlist li.standard{
    background:#fafafa;
    border-bottom:1px dotted #ccc;
    border-top:1px dotted #ccc;
}
#commentlist li.alt{
    background:#fff;
}
.commenttext{
    clear: both;
    margin: 0px 0 10px 0;
    padding: 0px 5px 0px 5px;
    width:450px;    
}
.commenttext-admin {
    clear: both;
    margin: 0px 0 10px 0;
    padding: 0px 5px 0px 5px;
    width:450px;
    /*background: #ccc;*/
}
#commentsformheader{
    padding-left:0px;
}
#commentsform{
    margin-top:0;
    text-align:center;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
}
#commentsform form{
    text-align:left;
    margin:0px;
}
#commentsform p{
    margin:5px;
}
#commentsform form textarea{
    width:99%;
}
p.comments_link  img{
    margin: 0px;
    padding: 0px;
    border: none;
}
blockquote{
    font-style: italic;
    color: #999;
    /*background: #f9f9f9 url('images/blockquote.gif') no-repeat scroll top left;*/
}
table{
    margin:10px;
}
td, th{
    padding:3px;
    font-weight:normal;
}
#archiv{
margin-left: 15px;}
#archiv ul{
margin-left: 25px;
margin-bottom: 15px;}

Alles anzeigen

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

hero-master

Moin :)
du definierst das Hintergrundbild mit dem Schatten für den body. Und der body ist eben, wenn nicht anders definiert, die komplette Browserhöhe. Somit dehnt sich das Hintergruindbild natürlich bis ganz unten hin aus.

Eine Möglichkeit wäre es das BG-Bild für den #wrapper zu definieren und dann eben die Breite von dem Objekt zu erhöhen (824px).
Eine andere Möglichkeit wäre es den footer absolut ganz unten zu positionieren. Da musst du im CSS aber noch ein bisschen rumspielen, so dass es ganz passt (min-height, Abstände, etc)

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Probs mit dem Footer

Jetzt mitmachen!