Вопрос по слоям в css. Нужна помощь.

1 234 5
Алексей Барыкин
На сайте с 04.02.2008
Offline
272
#21
BadBoy:
Алексей Барыкин, Николай В., я имел ввиду следующее, представим что у нас сайт имеет размер в два или более экранов (так сказать более 800px по высоте)
Надо что бы картинка находилась в конце всего сайта, и была статична по отношению к сайту, что бы она скролилась вместе с сайтом (контентом)...

а если юзать fixed то картинка постоянно внизу браузера..

PS | сорри изначально неправильно выразил свои мысли.

Дык в чем проблема то?

Тупо в конце документа её вставить и будет она вместе с документом скроллиЦЦо.

BadBoy
На сайте с 31.01.2005
Offline
291
#22
Алексей Барыкин:
Тупо в конце документа её вставить

неее, такое не работает...

Картинка просто футер растягивает, а надо что бы картинка была на футере, типа как печать.

Fate
На сайте с 02.08.2006
Offline
30
#23

как-то так:

<div style="height: 300px; position: relative; width: 300px; border: #ff0000 1px solid; margin: 0 0 50px 50px">

123<br>

<div style="bottom: 0; position: absolute; border: #0000ff 1px solid; margin: 0 0 -50px -50px">

<p>TEXT</p>

</div>

</div>

Алексей Барыкин
На сайте с 04.02.2008
Offline
272
#24
Topcrust
На сайте с 23.06.2006
Offline
67
#25

Так не катит?


...
<div id="footer">footer</div>
<img src="path/to/img.jpg" style="margin-top: -100px;" />

</body>
</html>
BadBoy
На сайте с 31.01.2005
Offline
291
#26
Алексей Барыкин:
http://barykin.com/example/position_bottom.html
так?

что-то типа того, только картинка должна наезжать на текст, что бы текст проходил под картинкой..

Topcrust:
Так не катит?

нет конечно

R
На сайте с 26.03.2009
Offline
17
#27

Вот блин развели беседу!

position: fixed - и всего делов!!

Для ie пишем expression в css типа scrollTop

BadBoy
На сайте с 31.01.2005
Offline
291
#28

reflexxx, читайте внимательно

G
На сайте с 07.06.2009
Offline
37
#29

Сделайте так:


<div id="footer">
footer (Что у вас тут будет)
<img src="path/to/img.jpg" />
</div>


#footer {position:relative;}
#footer img {position:absolute;top:-XX.xx;lef:XX.xx;width:XX.xx;height:XX.xx}

И выносите картинку из footer с помощью top:-XX.xx

на высоту картинки.

Может быть, надо будет указать z-index:X; для нее.

Все о разметке web-страниц (http://csslayout.ru)
BadBoy
На сайте с 31.01.2005
Offline
291
#30

во .. :)

смотрим это

http://www.youtube.com/watch?v=ZyEDDWo1L3k

1 234 5

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий