Позициониране най-отдолу

[misho]

Искам да сложа една картинка в долния десен ъгъл на страницата. Как ще стане?
Дал съм ѝ right: 5px; и bottom: 5px;, но проблемът е какво да пиша на position?
- fixed ми я залепя за долния десен ъгъл на прозореца, а аз искам да е в края на цялото съдържание, т.е. като footer.
- absolute пък я оставя там където е бил ъгъла на прозореца, ако скролна се качва нагоре. :lol:

 

[Fakeheal]

Я пробвай position: absolute на нещото, което ще позиционираш.

 

[misho]

Пробвах. Писах по-горе какво се получава.

 

[Fakeheal]

Пробвах. Писах по-горе какво се получава.

Вери тъп отговор ти дадох, за да имаш нещо позоционирано трябва да зададеш на някой parent елемент absolute и според него да relative-ираш това, което искаш да поставиш

P.S. Виж това ли е, което искаш:

<div style="width: 100%; height: 100%; position: fixed"> 
<div style="width: 100px; height: 100px; background-color: red; position: absolute; right: 5px; bottom: 0;"></div>
</div>

 

[nbacool2]

Мисля, че ако няма parent елемент позиционира спрямо body т.е самата страица, но не съм сигурен. Пробвай с position : static; , което всъщност си е по подразбиране

 

[nbacool2]

Също можеш да пробваш това:

margin-left: 95%;
margin-top: 95%; и пробвай с някой position

 

[mo7ika]

при абсолютното позициониране няма ли да ти помогне свойството z-index ?!?!

 

[mgechev]

Ето едно позициониране с абсолютни координати извършено от кратък JavaScript (+jquery) .

[js]
$(document).ready(function() {
var imageWidth = parseInt($('image').width());
var imageHeight = parseInt($('image').height());
var documentWidth = parseInt($(window).width());
var documentHeight = parseInt($(window).height());
var x = documentWidth - imageWidth;
var y = documentHeight - imageHeight;
$('image').css('position', 'absolute');
$('image').css('top', y);
$('image').css('left', x);
});
[/js]

*Свойството z-index не е пряко свързано с позиционирането.
Чрез z-index можеш да зададеш на някой елемент да се показва над друг или обратното.

Поздрави!

 

[Anonymous]

Не съм чел всички коментари, но по принцип когато имам затруднения в позиционирането на някое изображение използвам div от сорта на:

<div style="margin-left: 000px; margin-top: 000px;"><img src="" />

 

[misho]

Благодаря за отзивите! Сложих го във footer-а и го направих relative с float: right; и подходящ margin и стана чудесно.