Aligning content in web pgae
I have a page and its header & footer are sticky , I have to display an image at botton of content and always stick to footer in all resolution.
what css should I follow ,"
header {
...
}
footer
....
{}
content {
}
4 Replies
your oder of your css doesn't effect the order of your html elements
the only thing it does effect is "specificity"
You could use
position: sticky or position: fixed for both header and footer. If you know the height of the footer, you could do the same for the image. Otherwise, I would probably place the image inside the footer, and then position it outside the footer wrapper.go with position sticky if it's possible
cause fixed can and most likely will cause overlapping issues
used background-position:bottom , fixed my issue