Czy da się ustawić pozycjonowanie right elementu div prawego dolnego rogu względem prawego końca przeglądarki, a jeśli tak, to jak?.
0
0
pozycjonowanie right elementu div
eee co? Pozycjonowanie elemtu div na prawda strone? o to chodzi?
prawego dolnego rogu względem prawego końca przeglądarki,
czy chodzi Ci o to, ze element bedzie skrajnie dotykal "maksymalna" wielkosc przegladarki (po prawej stronie) i nie bedzie poza nia wychodzil?
1
Co masz na myśli pisząc "koniec przeglądarki"?
Posługuj się właściwymi pojęciami czyli:
- wysokość lub szerokość całego dokumentu ;
- wysokość lub szerokość okna przeglądarki ;
Zatem masz na myśli prawy dolny róg okna czy dokumentu?
<html>
<body style='position:relative;'>
<style>
/* dla okna */
.posWindow{
position:fixed;
right:10px;
bottom:10px;
width:100px;
height:100px;
background:red;
}
/* dla dokumentu */
.posDocument{
position:absolute;
right:10px;
bottom:10px;
width:100px;
height:100px;
background:green;
}
</style>
<br>some document content ;<br>some document content ;<br>some document content ;
<br>some document content ;<br>some document content ;<br>some document content ;
<br>some document content ;<br>some document content ;<br>some document content ;
<br>some document content ;<br>some document content ;<br>some document content ;
<br>some document content ;<br>some document content ;<br>some document content ;
<br>some document content ;<br>some document content ;<br>some document content ;
<br>some document content ;<br>some document content ;<br>some document content ;
<br>some document content ;<br>some document content ;<br>some document content ;
<br>some document content ;<br>some document content ;<br>some document content ;
<br>some document content ;<br>some document content ;<br>some document content ;
<br>some document content ;<br>some document content ;<br>some document content ;
<br>some document content ;<br>some document content ;<br>some document content ;
<br>some document content ;<br>some document content ;<br>some document content ;
<br>some document content ;<br>some document content ;<br>some document content ;
<br>some document content ;<br>some document content ;<br>some document content ;
<br>some document content ;<br>some document content ;<br>some document content ;
<br>some document content ;<br>some document content ;<br>some document content ;
<br>some document content ;<br>some document content ;<br>some document content ;
<br>some document content ;<br>some document content ;<br>some document content ;
<br>some document content ;<br>some document content ;<br>some document content ;
<br>some document content ;<br>some document content ;<br>some document content ;
<br>some document content ;<br>some document content ;<br>some document content ;
<br>some document content ;<br>some document content ;<br>some document content ;
<br>some document content ;<br>some document content ;<br>some document content ;
<br>some document content ;<br>some document content ;<br>some document content ;
<br>some document content ;<br>some document content ;<br>some document content ;
<br>some document content ;<br>some document content ;<br>some document content ;
<br>some document content ;<br>some document content ;<br>some document content ;
<br>some document content ;<br>some document content ;<br>some document content ;
<br>some document content ;<br>some document content ;<br>some document content ;
<br>some document content ;<br>some document content ;<br>some document content ;
<br>some document content ;<br>some document content ;<br>some document content ;
<div class='posDocument'>YY</div>
<div class='posWindow'>XX</div>
</body>
<html>