Farbe unterhalb des Footers

horst2003

Hai,

hab ein kleines Problem. Wie kann ich die Hintergrundfarbe unterhalb des Footers festlegen, also nach den ganzen Inhalt der Seite. Bei mir ist das Weiss. Ich habe es in der Header in den Body Tag rein getan hat aber auch nix geholfen. Für den Content habe ich ein Hintergrundbild, das zeigt er schön an wie es sein soll.
Hier mal die CSS.

Code

body {
     margin:0;
    background:#FFE793;
    background: url(schill-back.jpg);
    background-repeat:no-repeat;
        background-position:bottom;
    color:#000000;
    font-size: 62.5%; /* Resets 1em to 10px */
    font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
    text-align:center;
}


a { 
    color:#258;
    text-decoration:none;
}


a:hover {
    text-decoration:underline; 
}


h1, h1 a, h2, h2 a, h3, h4, h5, h6 {
    margin-bottom:0;
    color:#B53110;
    text-align:left;
}


h1 {font-size:2.6em;}
h2 {font-size:2em;}
h3 {font-size:1.6em;}
h4 {font-size:1.2em;}
h5 {font-size:1em;}
h6 {font-size:0.8em;}




img {
    border:0;
}


input {
    font-size:1.2em;
}


input[type=text], textarea{
    background:#fff;
    border:1px inset #aaa;
}
input[type=submit] {
    background:#eee;
    border:1px outset #aaa;
}


textarea {
    font-size:12px;
}


pre {
    font-size:12px;
    overflow:auto;
}
code {
    font-size:12px;
    background-color:#f8f8f8;
    color:#111;
}


/* Layout */
#page {
    min-width:760px;
    margin:0 auto;
    text-align:left;
    
}


#wrapper {
    margin:0 5%;
    padding-right:230px;
}


#content{
    float:left;
    width:96%;
    border-right:230px solid #eee;
    margin-right:-230px;
    padding:20px 4% 20px 0;
}


#sidebar{
    float:left;
    width:190px;
    margin:0 -230px 0 0;
    padding:20px;
    background:#eee;
}


#footer {
    clear:both;
    padding:10px;
    border-top:0.2em solid #555;
}


/* Header */


#header {
    margin:0;
    padding:2em 0;
    height:4.8em;
    background:#B53110;
}


#headertitle {
    float:left;
    position:absolute;
    top:2.4em;
    left:5%;
}
#headertitle h1 {
    margin:0;
}
#headertitle h1 a {
    background:transparent;
    color:#fff;
}
#headertitle h1 a:hover {
    text-decoration:none;
}


#headertitle p {
    margin:0;
    background:transparent;
    color:#fff;
    font-size:1.1em;
}


.search {
    float:right;
    padding:1.5em 5% 0 0;
}
.search form {
    margin:0;
    padding:0;
}
.search input {
    display:inline;
    width:218px;
    border:1px solid #69b;
    margin:0;
    padding:0.2em 5px;
    background:#38b;
    color:#ddd;
    font-size:1.1em;
}




/* Top navigation */
#navbar {
    border-top:0.1em solid #000;
    border-bottom:0.1em solid #000;
    background:#88301C;
    height: 2.0em;
    margin: 0px;
    padding: 0px ;
}




    
#nav {
    margin:0 5%;
    padding: 0;
    list-style: none;
    }
    
#nav ul {
    padding:0.1em 0 0 0;
    margin:0;
    list-style: none;
    background:transparent;
    }


#nav a {
    color:#c6c8c9;
    display: block;
    font-weight: bold;
    padding: 0.1em;
    }
    
#nav a:hover {
    background: #D04E30;
    color: #fff;
    display: block;
    text-decoration: none;
    padding: 0.1em;
}


#nav li {
    float: left;
    margin: 0;
    text-transform:uppercase;
    padding: 0 2em 0 0;
}
    
#nav li li {
    float: left;
    margin: 0;
    padding: 0;
    width: 14em;
    }
    
#nav li li a, #nav li li a:link, #nav li li a:visited {
    background: #165279;
    color: #c6c8c9;
    width: 14em;
    float: none;
    margin: 0;
    padding: 0.5em ;
    border-bottom: 1px solid #aaa;
    }
    
#nav li li a:hover, #nav li li a:active {
    background: #237ab2;
    color: #fff;
    }


#nav li ul {
    position: absolute;
    width: 10em;
    left: -999em;
    }


#nav li:hover ul {
    left: auto;
    display: block;
    }
    
#nav li:hover ul, #nav li.sfhover ul {
    left: auto;
    }




/* Sidebar */




#sidebar ul {
    padding:0;
    margin:0;
    list-style: none;
    font-size:1.1em;
}
#sidebar ul ul {
    font-size:1em;
}


#sidebar ul li {
    margin:0 0 2em 0;
}


#sidebar ul ul {
    margin:0;
    padding:0;
}


#sidebar li li {
    margin:0.1em 0;
}


#sidebar li li li {
    padding-left:10px;
}


#sidebar ul h2 {
    margin:0;
    padding:0;
    color:#4588c4;
    font-size:1.2em;
    text-transform:uppercase;
}




/* Footer */
#footer { 
    text-align:center;
    font-size:1em;
    background:#B53110;
    color:#eee;
}


#footer a {
    color:#aac;
}


/* Post */
.post {
    margin:0 0 4em 0;
    clear:both;
}


.post p, .post ol li, .post ul li{
    margin-top:0;
    font-size:1.2em;
    line-height:1.5em;
    text-align:justify;
}
.post li li {
    font-size:1em;
}
.post blockquote {
    padding:0 0 0 2em;
    border-left:0.4em solid #ccc;
    font-size:0.9em;
}
.post blockquote blockquote {
    margin-left:0;
    font-size:1em;
}


.postentry a {
    border-bottom:1px solid #ddd;
}
.postentry a:hover {
    border-bottom:1px solid #258;
    text-decoration:none;
}


.postmetadata {
    clear:both;
    margin:1em 0;
    font-size:1.1em;
    color:#888;
    text-align:justify;
}


div.navigation {
    font-size:1.1em;
}


.postentry table {
    border-width:0 1px 1px 0;
    border-style:solid;
    border-color:#ccc;
    font-size:0.9em;
}




.postentry table tr td {
    padding:5px 10px;
    border-width:1px 0 0 1px;
    border-style:solid;
    border-color:#ccc;


}


.postentry table tr th {
    border-width:1px 0 0 1px;
    border-style:solid;
    border-color:#ccc;
    padding:5px 10px;
    background:#f4f4f4;
    color:#666;
    font-weight:bold;
    text-transform:uppercase;
    text-align:center;
}


/* Comments */


#comments {
    font-size:1.2em;
}


.commentlist {
    margin:20px 0;
    padding:0;
    border-width:0 0.1em 0.1em 0;
    border-color:#eee;
    border-style:solid;
}


.commentlist li {
    list-style:none;
    margin:0;
    padding:0;
    border-width:0.1em 0 0 0.1em;
    border-color:#eee;
    border-style:solid;
}


li.comment div, li.pingback div {
    padding:20px;
    overflow:auto;
}


li.comment div div, li.pingback div div {
    padding:0;
    overflow:visible;
}


.commentlist li.even {
    background-color:#fafafa;
}


.commentlist li.odd {
    background-color:#f6f6f6;
}


ul.children li {
    list-style:none;
}


img.avatar {
    float:right;
    border:1px solid #eee;
    padding:2px;
    margin:0;
    background:#fff;
}


.comment-meta, .reply {
    margin:0;
    padding:0;
    font-size:0.8em;
}


.comment-author cite {
    font-style:normal;
    font-weight:bold;
    font-size:1.2em;
}




textarea#comment {
    width:100%;


}


#comments div.navigation {
    font-size:0.9em;
}


/* Comment ends */




/* Calendar */
#wp-calendar caption {
    text-transform:uppercase;
    font-weight:bold;
    color:#aaa;
    text-align:left;
}
#wp-calendar thead th {
    font-weight:normal;
    color:#27a;
    text-align:center;
}
#wp-calendar tbody td {
    text-align:center;
}
#wp-calendar tbody td a {
    font-weight:bold;
}
#wp-calendar tbody td.pad {
    border:none;
}
/* Calendar ends */


abbr {
    cursor:help;
    border-bottom: 0.1em dotted;
}


.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}


.alignleft {
   float: left;
   margin: 5px 5px 5px 0;
}


.alignright {
   float: right;
   margin: 5px 0 5px 5px;
}


.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
}


.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}


.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}

Alles anzeigen

Sorry wenn die so lange ist, aber bevor ich was vergesse :-)

Danke

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

koslowski

Hi,

ich würde das eher so notieren:

HTML

body  {
 background:#ffe793 url(schill-back.jpg) no-repeat left bottom;
}

So ganz habe ich dich aber nicht verstanden. :)

Hast du vielleicht mal nen Link zum Problem?

horst2003

Super, genau das war es, bin durcheinander gekommen mit dem probieren deshalb hatte es so in der css ausgesehen.

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Farbe unterhalb des Footers

Jetzt mitmachen!