Sto provando ad inserire un'immagine nell'angolo in basso a destra della pagina, ma ho dei problemi.
Faccio un esempio semplice
codice:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link rel="stylesheet" href="site.css" type="text/css"/>
<title>Prova</title>
</head>
<body>
<div id="main">
<div id="altro">
Un po' di testo</p>
</div>
</div>
</body>
</html>
codice:
body {
margin: 0px;
text-align: center;
background-color: #fff;
background-image: url('sfondo.png');
background-position: right bottom;
background-repeat: no-repeat;
}
div#main {
width: 920px;
height: 600px;
margin: 0px auto;
}
Bene, l'immagine viene messa effettivamente sul bordo destro, ma non viene posizionata a fondo pagina, si posiziona alla fine del div "main".
Come faccio a farla posizionare esattamente nell'angolo in basso a destra a prescindere anche dalla risoluzione usata per lo schermo?