buen dia, quiero saber como poner el footer hasta abajo del main, es decir que cuando la pagina es muy grande que el footer no aparesca hasta que se recorra con la barra, ya lo intente con todo lo que he buscado pero nada, este es el css que le puse:
css:
.footer{
background-image: url("../img/swirlStripes.jpg");
color: white;
width: 100%;
height: 100px;
position: fixed;
bottom: 0;
}
html:
<?php $refa = base_url('assets'); ?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="<?= $refa ?>/css/header.css" type="text/css">
</head>
<body>
<div class="header">
<div class="logo">
<img src="<?= $refa ?>/img/HeaderV3_T1_Carta.png">
</div>
</div>
<hr class="hr">
<div class="main">
<div>
<div class="footer">
<h5>Página creada por Macx®. Todos los derechos reservados.</h5>
</div>
</body>
</html>
como se puede ver el footer me lo muestra por encima del continido que pongo.
<div class="main"><div>
No estás cerrando el div main, y estás abriendo otro, entonces el Div del footer sigue dentro de main. Intenta cerrando el div de main. No estoy seguro pero dependiendo del navegador puede que se interprete de una u otra manera