So my footer is overlapping with the bottom bits of my div. I have included an image. I don't understand what I am doing wrong. I tried to play around with the height values but it isn't working. What am I doing wrong? check here
here are my values for the background div, the form div and the footer
.hero{
background-image: linear-gradient(rgba(0,0,0,0.3),rgba(0,0,0,0.4)), url('4.jpg');
min-height:800px;
background-position: center;
background-size: cover;
overflow:hidden;
position: relative;
}
.form{
margin: 10px 25%;
width:50%;
position: absolute;
border:2px solid black;
padding:20px;border-radius: 25px;
background:silver;
opacity: 0.8;
}
.footer{
left:0px;
width:100%;
height:100px;
background:pink;
position: fixed;
bottom: 0;
}
Btw my footer is inside the div hero.. Div hero acts as the container div
here is my html code:
$db = mysqli_connect("localhost", "root", "", "therapy");
SESSION_START();
if (isset($_POST['upload'])) {
$first= mysql_real_escape_string($_POST['name']);
$last= mysql_real_escape_string($_POST['name1']);
$country= mysql_real_escape_string($_POST['country']);
$city= mysql_real_escape_string($_POST['city']);
$age= mysql_real_escape_string($_POST['age']);
$username=$_SESSION['username'];
$sql= "UPDATE `userinfo` SET `FirstName`='$first',`LastName`='$last',`Country`='$country',`City`='$city',`Age`='$age' WHERE `Username`='$username'";
$result= mysqli_query($db,$sql);
$_SESSION['username']= $username;
if($result)
{
echo $_SESSION['message']= " You submitted ";
header("Location: profile2.php");
}
else
{
echo $_SESSION['message'] = "wrong information";
}
}
?>
.dp{
border-style: solid;
border-radius: 200px;
border-color: black; height: 200px; width:200px;
overflow-y: hidden; overflow-x:hidden; margin-left:35%;
}
@media (max-width:700px){
.dp{
float:left;
margin-left:10%;
height: 150px; width:150px;
}
}
error_reporting(E_ALL & ~E_NOTICE);
$pic=$_SESSION['image'];
echo "";
?>
Name:
Country:
City:
Age:
Submit