Align image in the browser window footer

Asked

Viewed 230 times

0

I would like to know how to line an image in the footer of the browser window, so that when I change the size of the window the image remains "leaning" at the bottom corner of the screen, without being cropped, follows below my progress with the code, the emoji is to the right of the screen, but when I adjust the width of the browser window the emoji stays there and is hidden. What I’m trying to do is that his position is automatically corrected so that he will always be leaning against the window below

Code

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Posicionar um objeto na tela_2</title>
<style type="text/css">
#imgpos {
	position:absolute;
	left:100%;
	top:50%;
	}
</style>
</head>
<body>
<p>Para retornar ao tutorial use o bot&atilde;o &quot;Voltar&quot; do seu navegador.</p>
<img src="https://criemoda.files.wordpress.com/2012/08/sorriso.png" width="220" height="220" alt="logo maujor" id="imgpos">
</body>
</html>

In advance I thank those who read and can answer!

javascript html css

1 answer

0


Place in the image CSS:

{ 
    position: fixed !important;
    bottom: 0px;
}

Browser other questions tagged javascript html css

You are not signed in. Login or sign up in order to post.