DerTrojaner
Mitglied
Hallo Community,
ich habe ein kleines Problem, auf meiner Seite will mein erstellter Footer nicht "überall" am Ende sein unter dem letzten Content was gepostet wird. Vielleicht kann mir jemand helfen.
Auf meinem Desktop Rechner, ist der footer ganz unten siehe screen. Und auf dem Ipad geht er im Content bereich durch [Siehe Roten Rahmen = Content]
https://ibb.co/NT9t69Ghttps://ibb.co/Czmy4mj
ich habe ein kleines Problem, auf meiner Seite will mein erstellter Footer nicht "überall" am Ende sein unter dem letzten Content was gepostet wird. Vielleicht kann mir jemand helfen.
Auf meinem Desktop Rechner, ist der footer ganz unten siehe screen. Und auf dem Ipad geht er im Content bereich durch [Siehe Roten Rahmen = Content]
https://ibb.co/NT9t69Ghttps://ibb.co/Czmy4mj
HTML:
<title>test</title>
<link rel="stylesheet" type="text/css" href="style.css">
<script type='text/javascript' src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="Javascript.js"></script>
<body>
<!---------------------------------------------------------------------------------->
<div id="header">
<div id="Date-Time">
<?php
echo "Hamm";
echo " ";
$tage = array("Sonntag","Montag","Dienstag","Mittwoch","Donnerstag","Freitag","Samstag");
$tag = date("w");
echo $tage[$tag];
echo " ";
setlocale(LC_TIME, "de_DE");
$timestamp = time();
$datum = date("d.m.Y - H:i:s", $timestamp);
echo $datum;
?>
</div>
</div>
<!---------------------------------------------------------------------------------->
<div id="container">
<div class="box">
<p> HALLO </p>
</div>
</div>
<div id="footer"> Copyright 2020 © </div>
<!---------------------------------------------------------------------------------->
</body>
CSS:
#container{
color: #ffffff;
margin-top: 200px;
width:100%;
position:relative;
float:left;
}
#footer {
color:white;
background-image: linear-gradient(to bottom, #01995f, #019059, #018653, #027d4e, #027448);
width: 100%;
text-align: center;
position: absolute;
bottom: 0;
height:20px;
width: 100%;
}
Zuletzt bearbeitet: