<img> в правом нижнем углу

fiveapril · January 23, 2012

Всем доброго времени суток! такой вот вопрос: как мне разместить картинку либо через div, либо через img, прижатой к нижнему правому углу, если размер всей страницы не помещается в экран? Картинка должны быть поверх всего и она больше чем сам футер. Заранее спасибо.

MaferoK · January 23, 2012

http://jsfiddle.net/M58Qy/ оно ?

fiveapril · January 23, 2012

http://jsfiddle.net/M58Qy/ оно ?

Нет, не оно. position:absolute предполагает видимую часть экрана, а у меня макет не помещается на экран.

Edited January 23, 2012 by fiveapril

DImas95 · January 23, 2012

так? Коряво, но работает, но нужно будет заморачиваться с подгонкой отступов

fiveapril · January 23, 2012

так? Коряво, но работает, но нужно будет заморачиваться с подгонкой отступов

Тут же все наоборот в левому верхнему углу прижат.

DImas95 · January 23, 2012

так? Коряво, но работает, но нужно будет заморачиваться с подгонкой отступов
Тут же все наоборот в левому верхнему углу прижат.

Извеняюсь, не ту ссылку дал. Вот рабочая

fiveapril · January 23, 2012

так? Коряво, но работает, но нужно будет заморачиваться с подгонкой отступов
Тут же все наоборот в левому верхнему углу прижат.
Извеняюсь, не ту ссылку дал. Вот рабочая

Не совсем такой код был нужен( ибо при изменении разрешения экрана у человека скакал бы объект, т.к. в процентах), но главное натолкнул на мысль, приведшую к положительному результату, пускай и корявому! Спасибо!

Собственно решение: HTML

<body><div id="hh"></div>...

CSS


#hh {
	width:334px;  /* ширина картинки */
    height:263px;     /* высота картинки */
    position:absolute;
    top:715px;        /* значение вычисляется по схеме (высота макета)-(высота картинки) */
    right:0px;
    background: url(img/house.png) no-repeat;
	z-index: 3;
}

Edited January 23, 2012 by fiveapril

SelenIT · January 23, 2012

значение вычисляется по схеме (высота макета)-(высота картинки)

Можно просто bottom: 0, ничего вычислять не придется. А еще картинку можно положить фоном для общей обертки с background-position: 100% 100%.

lexxcode · January 23, 2012

Не совсем понятно, что нужно, если чтоб прижалось к углу страницы, то


.style {
    position:absolute;
    right:0;
    bottom:0;
    z-index:5; /* Ну или сколько там нужно */
}

А если к углу окна, то


.style {
    position:fixed;
    right:0;
    bottom:0;
    z-index:5; /* Ну или сколько там нужно */
}

значение вычисляется по схеме (высота макета)-(высота картинки)
Можно просто bottom: 0, ничего вычислять не придется. А еще картинку можно положить фоном для общей обертки с background-position: 100% 100%.

Я так понял, что ему поверх всего нужно поставить. Тогда фоном в обертку наверное не подойдет.

Edited January 23, 2012 by alexriz

Sign In

<img> в правом нижнем углу

Question

fiveapril

Link to comment

Share on other sites

8 answers to this question

Recommended Posts

MaferoK

Link to comment

Share on other sites

fiveapril

Link to comment

Share on other sites

DImas95

Link to comment

Share on other sites

fiveapril

Link to comment

Share on other sites

DImas95

Link to comment

Share on other sites

fiveapril

Link to comment

Share on other sites

SelenIT

Link to comment

Share on other sites

lexxcode

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information