Sticky Footer mit php

-1

<DOCTYPE! html> 
<head> 
<link rel="stylesheet" type="text/ccs" href="css/indexcss.css"> 
</head> 

<body> 
<div id="wrapper"> 
    <div id="header"> 
    <?php 
     include("utilbar.php"); 
     include("navbar.php"); 
    ?> 
    </div> 

    <?php 
     if (isset($_GET["type"])) { 
      $page = $_GET["type"]; 
     } 
     else { 
      $page = "home"; 
     } 

     //echo "<body onload=\"changeContent('".$page."')\">"; 
    ?> 

    <!--script> 
    function contentOnload() { 
     window.location.href('content.php'); 
    } 
    </script--> 

    <script> 
    function navClick(contentName) 
    { 
     window.location.href = "index.php?type=" + contentName; 
    } 
    </script> 

    <div class="container"> 
    <?php include($page.".php"); ?> 
    </div> 

    <div class="footer"> 
     <?php include("footer.html"); ?>  
    </div> 
</div> 
</body> 
</html>

CSS hier:Sticky Footer mit php

html, body { 
    height: 100%; 
    margin: 0; 
    padding: 0; 
} 
.container { 
    width: 100%; 
    margin: auto; 
    margin-top: 0; 
    padding: 0; 
} 
.footer { 
    bottom: 0; 
    position: absolute; 
}

So eine Fußzeile zu bekommen Ich versuche, meinen unter allen Inhalten aller enthält zu bleiben, aber manchmal springt er über den Inhalt des mitgelieferten Datei. Ich habe die meisten möglichen Sticky-Footer-Guides nachgeschlagen und versucht, sie anzuwenden, aber keine scheint so zu funktionieren, wie sie es sollten. Ich habe versucht, das jetzt für eine Weile zu beheben.

Hier ist der Footer-HTML-CSS:

<!DOCTYPE html> 
<html> 
<head> 
<link rel="stylesheet" type="text/css" href="css/footercss.css"> 
    <title>Footer</title> 
</head> 
<body> 
<div id="containerf"> 
    <div id="logos"></div> 
    <div id="foottext"> 
     <a href="http://youtube.com" target="_blank"><img src="images/youtube.png" height="25" width="25"></a> 
     <a href="http://twitter.com" target="_blank"><img src="images/twitter.png" height="25" width="25"></a> 
     <a href="http://facebook.com" target="_blank"><img src="images/fbtrp.png" height="25" width="25"></a> 
     <b>| Schaafstraat 137 | &copy; 2016 Kopala | All rights reserved.</b> 
    </div> 
</div> 
</body> 
</html> 

#containerf { 
    width: 100%; 
    height: 180px; 
    background-color: #006666; 
    position: absolute; 
    bottom: 0; 
    margin-bottom: 500px; 
} 

#foottext { 
    line-height: 180px; 
    text-align: center; 
    color: #d9d9d9; 
} 

#foottext img { 
    padding-right: 5px; 
}

Quelle

2016-06-02 Switched123

* "Hier ist die Fußzeile html css" * - Warum gibt es HTML Markup und CSS in dieser Datei? da sollten nur deine divs sein. Die Frage ist unklar, welcher Codecode welche Dateinamen ist. –

Schau dir deine (gerenderte) HTML-Quelle an und du wirst sehen, was ich meine, es wird ein Durcheinander sein. –

Mögliches Duplikat von [sticky footer question] (http://stackoverflow.com/questions/1980857/sticky-footer-question) – dippas

In welcher Datei Sie die .footer nach unten gesetzt haben: 0; ? Es scheint, dass Sie es in einem regulären style.css deklariert haben, aber in der fotter.htm fügen Sie footercss.css hinzu

Sie sollten den Boden einfügen: 0; zur footercss.css

Quelle

2016-06-02 17:54:54 monochrom

Bitte verwenden Sie keine Antworten, um Klärungsfragen zu stellen. [Es ist nicht schwer genug zu verdienen, um Kommentare zu machen.] (Http://meta.stackexchange.com/questions/214173/why-do-i-need-50-reputation-to-comment-what-cani-i- do-stattdessen) –

@JayBlanchard vielleicht ist das die einzige Möglichkeit, dass Leute jetzt Antworten von OP bekommen. * seufz * –

yeah, sorry, ich bin neu hier ... kein Grund, großspurig zu werden ... – monochrom

Antwort

Verwandte Themen