I have a div (footer) element that can contain 1 or more of 3 different div elements that contain footer information and backgrounds
i have notice that when I float the footer element to the bottom of the page in my page definition that the sub div's arent there.
does anyone know how to do this?
i have notice that when I float the footer element to the bottom of the page in my page definition that the sub div's arent there.
does anyone know how to do this?
@page {
@bottom { content: flow(footer) }
}
div.footer {
flow: static(footer)
}
div.banner
{
background: url("footer.png")
}
<div class="footer">
<div class="footer_msg">some final words</div>
<div class="banner"></div>
</div>