footer images anpassen

Chris Winkler

Hallo Leute,

ich möchte das footer images anpassen an den header images. Das header haben ich über die ganze Seite angepasst. Nun möchte ich auch das footer image über die ganze Seite.
Habe schon Einiges probiert und bekomme es nicht hin. :oops:

style css für header:

Code

#header{
position:relative;
width:1000px;
height:140px;
background:url(images/bg_header.gif) no-repeat center;


mein derzeitiges style css für den footer sieht so aus:


#footer{
position:relative;
        width:1000px;
height:50px; /*85*/
background:url(images/bg_footer.jpg) no-repeat center;
padding:35px 10px 0 0;
color:#ffffff;
font-size:11px;
text-align:right;
line-height:1.4em;


}
#footer a, #footer a:hover{
font-size:11px;
color:#ffffff;
text-decoration:underline;

Alles anzeigen

Kann mir einer helfen, den anzupassen, oder mir zeigen wo der Fehler liegt?
Hier noch der Link zur Seite. Personensuchpool

Ich danke Euch herzlich.

Chris

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

maxe

Das wird nicht so einfach gehen, da der schwarze Balken oben als background vom body definiert ist. Für unten ist das also nicht möglich. Du müsstest dann den #footer-DIV komplett aus dem #base-DIV rausnehmen und darunter setzen. Dann kannst du das Bild auch auf 100% oder 1000px width setzen.

Chris Winkler

Footer

Hallo Maxe,

wie meinst du das mit *darunter setzen*?
Und was genau muss ich da raus nehmen?

Danke für die Hilfe.

LG Chris

Ps: hab ich gemacht, aber es rutscht nach rechts.

koslowski

Hi,

HTML

<body>
<div id="base">
........
........
</div><!-- Ende #base -->
<div id="footer"></div><!-- Ende #footer -->
<body>

so in etwa meint Maxe das. ;-)

Wozu hat dein footer position:absolute;??

Chris Winkler

Footer

Hm, ich weiß jetzt nicht, ob ich das richtig gemacht habe. Scheinbar aber nicht, das sich nichts geändert hat.

Ich setz jetzt mal den Teil von Stylesheet rein.
Ihr steigt da eher durch als ich.

Code

/* -------------------------------------------------------------------------------
    Theme Name: Rustic Portrait
    Version: 1.01
    Tags: 3 columns, grey, Fixed Width, Widget Ready, Left Sidebar, Valid XHTML, Valid CSS
   ------------------------------------------------------------------------------- */


/***** GENERAL *****/
body{
    margin:0px auto;
    font-size: 12px;
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    color:#000000;
    background:#9E9C85 url(images/bg_top.jpg) no-repeat center top;
    border:0px yellow solid;
}


img {
    border:0px;
    padding:5px;
    max-width: 100%; /* not working in IE6*/
}
a {color:#6F7163;text-decoration: none;}
a:hover {color: #6F7163;text-decoration: none;}


h1 {font-size:30px;}
h2 {font-size:26px;}h3 {font-size:21px;}
h4 {font-size:17px;}
h5 {font-size:14px;}
h6 {font-size:12px;}


p {margin: 0px 0px 12px 0px;}
hr {height:1px;border:none;border-top:1px dashed #666666; width:95%;}
del {color:red;}
ins {color:green;}


blockquote {
    clear: left;
    text-align: justify;
    padding: 0px 0px 0px 22px;
    margin: 10px 10px 10px 10px;
    border-left: 2px solid #ACACAC;
}
input,select,textarea {
    font-size:12px;
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
}
code{
    font: 1.1em 'Courier New', Courier, Fixed;
}.alignleft {float: left;}
.alignright {float: right;}
.aligncenter,div.aligncenter{
   display: block;
   margin-left: auto;
   margin-right: auto;
}
img.alignleft {
    padding: 5px;
    margin: 0 5px 2px 0;
    display: inline;
}


img.alignright {
    padding: 5px;
    margin: 0 0 2px 5px;
    display: inline;
}
img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;}
.clear {clear:both;}
.spacer {height:40px;}


#footer{
    width:1000px;
    height:50px; /*85*/
    background:url(images/bg_footer.jpg) repeat;
        padding:35px 10px 0 0;
    color:#ffffff;
    font-size:11px;
    text-align:right;
    line-height:1.4em;


}
#footer a, #footer a:hover{
    font-size:11px;
    color:#ffffff;
    text-decoration:underline;
}

Alles anzeigen

Wahrscheinlich stelle ich mich zu doof an.

Danke im Voraus

maxe

Leider hast du den Footer immer noch im Base-Container. Da hat die style.css wenig mit zu tun. Da musst du in die anderen Templates rein.

koslowski

Hi,

In deinem Link ist der footer noch immer innerhalb von #base.

Du mußt wohl die footer.php ändern:

PHP

</div><!-- Ende #container_btm -->


</div><!-- Ende #base -->


<div id="footer">
.........Inhalt footer...........
</div><!-- Ende #footer -->


  <?php wp_footer(); ?>
  
</body>
</html>

Alles anzeigen

So ungefähr könnte die footer.php deines themes nach der Änderung ausschauen.
Wichtig ist, das der div#footer erst nach dem Ende von #base in die footer.php geschrieben wird. :wink:

edit. Mist zu langsam. :mrgreen:

Chris Winkler

Footer

Das Problem ist nur, das die Footer.php so aussieht:

[/quote]
<?php eval(base64_decode('Pz4gCQkJPGRpdiBjbGFzcz0iY2xlYXIiPjwvZGl2PgoJCTwvZGl2PjwvZGl2PgoJCTxkaXYgaWQ9ImZvb3RlciI+CgkJCQkmY29weTsgPD9waHAgZWNobyBkYXRlKCJZIik7Pz4gLSA8P3BocCBibG9naW5mbygnbmFtZScpOyA/Pi4gIDxhIGhyZWY9Imh0dHA6Ly9sYXB0b3BkYi5jb20vIj5MYXB0b3BzPC9hPi4gPGEgaHJlZj0iaHR0cDovL2VtYWlsYWRkcmVzc2VzcHJvLmNvbS8iPkVtYWlsIGFkZHJlc3NlczwvYT4uPGEgaHJlZj0iaHR0cDovL3BoYXJtYWN5dGlwLmNvbS8iPk9ubGluZSBwaGFybWFjeTwvYT48YnIvPgo8P3BocCAvLwlUaGlzIHRoZW1lIGlzIGxpY2Vuc2VkIHVuZGVyIENDMy4wLCB5b3UgYXJlIG5vdCBhbGxvd2VkIHRvIG1vZGlmeS9yZW1vdmUgdGhlIHNjcmlwdCBhbmQgbGluayB3aXRob3V0IHBlcm1pc3Npb24uPz4KCQkJCTw/cGhwIHdwX2Zvb3RlcigpOyA/PgoJCTwvZGl2PgoJPC9kaXY+CjwvYm9keT4KPC9odG1sPiA8Pw=='));?>
[quote]

Ich hab so ne komische .php noch nie gesehen.

maxe

also wenn ich mir das Theme (Latest Version: 1.01, Updated on: 2009/05/11) herunter lade, sieht die footer.php so aus:

HTML

<div class="clear"></div>
        </div></div>
        <div id="footer">
            &copy; <?php echo date("Y");?> - <?php bloginfo('name'); ?> is proudly powered by <a href="http://wordpress.org/">WordPress</a><br/>
            <?php /*Please leave 1 credit line to the theme designer. Thanks.*/ theme_credit();?>
            <?php wp_footer(); ?>
        </div>
    </div>
</body>
</html>

Vielleicht holst du dir mal die neueste Version.

Und zurück zu deinem Problem, du musst das schließende DIV aus Zeile 8 in Zeile 2 verschieben, sodass dort dann 3 schließende DIVs hintereinander stehen.

Chris Winkler

Footer

Ich danke euch sehr.
Ich werde es versuchen.

LG Chris

Chris Winkler

Footer

Habs versucht. Kann machen, was ich will - entweder rutscht das footer-images nach links oder nach rechts.
Theoretisch könnte man es ja in der Mitte lassen, wenn wir die Hintergrundfarbe nicht ändern möchten.
Hier die footer.php

PHP

<div class="clear"></div>
        </div></div></div>
        <div id="footer">
            &copy; <?php echo date("Y");?> - <?php bloginfo('name'); ?> is proudly powered by <a href="http://wordpress.org/">WordPress</a><br/>
            <?php /*Please leave 1 credit line to the theme designer. Thanks.*/ theme_credit();?>
            <?php wp_footer(); ?>
    </div>
</body>
</html>

Habe footer aus der div base raus genommen und ganz am Ende der Stylesheet eingefügt.

Bitte Euch noch um einen Tip:confused:. Danke. Chris

maxe

ja, der Code in der footer.php sieht jetzt schon gut aus. Hast du denn danach auch die CSS angepasst, sodass der Footer 100% Breite hat?

Ich seh grad auf der Site, dass der Footer immer noch im #base-DIV sitzt :(
Und das Hintergrund-Bild fehlt jetzt ganz.[FONT=monospace]
[/FONT]

Willkommen! Melden Sie sich an oder registrieren Sie sich.

footer images anpassen

Jetzt mitmachen!