How to align element at the bottom of screen using CSS?

71
November 16, 2019, at 6:20 PM

How do I align an element at the bottom of a window (independent of the screen size), BUT it remains in that position such that when the window height is reduced (when a user alters window size) it remains in that exact location and is out of view in the window ?

I feel this may require more than just CSS. If so can anyone guide me in the right direction ?

Answer 1
<div style="position: fixed; bottom: 0px; left: calc(100vw / 2 - 200px); width: 400px; text-align: center; background-color: #ff0000;">Bottom center text<br />Hello center div</div>
Answer 2
<style>
  .box {
    border: 1px solid gray;
    box-shadow: -9px -10px 10px -10px black;
    width: 200px;
    height: 200px;
    position: absolute;
    bottom: 10vh;
    right: 10vw;
  }
</style>
<div class="box"></div>
READ ALSO
controller does not receive data from ajax

controller does not receive data from ajax

well in my learning ofnet core with mvc template I have a challenge and it is to send an image and data of some herlpers to a cotrolator with ajax he tried several ways already but I always find the error that neither my object model is null and in the HttpContext

65
How to update the foreign key value of table 2 from the primary key of table 1

How to update the foreign key value of table 2 from the primary key of table 1

Currently, I have 2 tables which table 1 has the primary key of customer_id and table 2 has the foreign key of customer_idMy issue is, I tried to update the value of the foreign key from the value of primary key, but the value is always 0 for foreign...

65